/*-----------------------------------------------------------------------------------

    Template Name: Bakerfresh - Cake & Bakery Website Template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    00 - Helpers (Variables & Mixins)
    01 - Basic (Typography, Common Classes)
        01.01 - Typrography
        01.0    01.01 - Typrography
        01.0    01.01 - Typrography
        01.02 - Common Classes
    02 - Layout (Header, Footer, Section, Main Container/Wrapper and Page Header Styles)
        02.01 - Header
        02.02 - Footer
        02.03 - Main Content Wrapper, Sections & Section Hgeading
    03 - Modules (Template Design Elements as Modules and Third party Plugins Custom Styles)
        03 - 01 Slider CSS
        03 - 02 Product CSS
        03 - 03 Call to Action CSS
        03 - 04 Brand CSS
        03 - 05 Banner CSS 
        03 - 06 Instagram CSS 
        03 - 07 Newsletter CSS
        03 - 08 Features Card CSS 
        03 - 09 Hot Product CSS 
        03 - 10 Counter CSS
        03 - 11 Testimonial CSS
        03 - 12 Blog CSS
        03 - 13 Pricing CSS
        03 - 14 About CSS 
        03 - 15 Category CSS 
        03 - 16 Video CSS 
        03 - 17 Contact CSS 
        03 - 18 Best Service CSS 
        03 - 19 Event CSS
        03 - 20 Shipping CSS
        03 - 21 Why Choose Us CSS
        03 - 22 Team CSS
        03 - 23 Story CSS
        03 - 24 Breadcrumb CSS
        03 - 25 Shop CSS
        03 - 26 Product Details CSS
        03 - 27 My-Account CSS
        03 - 28 FAQs CSS
        03 - 29 404 & Comming Soon CSS
        03 - 30 Sidebar CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01 - Basic
/*----------------------------------------*/
/*----------------------------------------*/
/*  01 - 01 Template default CSS
/*----------------------------------------*/
/* Common Style */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html, body {
  height: 100%;
}

body {
  font-family: "Inter", sans-serif, Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  position: relative;
  visibility: visible;
  overflow-x: hidden !important;
  color: #555555;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montaga", serif;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0;
  color: #212121;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 20px;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: inherit;
  margin: 0;
}

p {
  margin-bottom: 0;
}

a, button {
  line-height: inherit;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

a, button, img, input {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

*:focus {
  outline: none;
}

a:focus {
  text-decoration: none;
  color: white;
  outline: none;
}

a:hover {
  text-decoration: none;
  color: white;
}

button,
input[type=submit] {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
}

ul {
  padding-left: 0;
}
ul li {
  list-style: none;
}
ul:last-child {
  margin-bottom: 0;
}

hr {
  border-top-width: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

textarea.form-field:focus {
  border-color: #C7A17A;
}

/*----------------------------------------*/
/*  02 - 02 Commen Class
/*----------------------------------------*/
[class*=border],
[class*=border-] {
  border-color: #dedede;
}

.bg-color-01 {
  background-color: #FFF8F2;
}

.custom-ms-01 {
  margin-left: 5%;
}

.custom-container {
  max-width: 1170px;
}

.custom-container-two {
  max-width: 1640px;
}

.custom-container-three {
  padding: 0 60px 0 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-container-three {
    padding: 0 40px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .custom-container-three {
    padding: 0 16px 0 16px;
  }
}
.custom-container-three .container-three-inner {
  max-width: 1640px;
  margin: 0 auto;
}

.custom-container-four {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-container-four {
    max-width: 1680px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 575px) {
  .custom-container-four {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.custom-container-five {
  max-width: 1340px;
}

/* Section Spacing */
.section-padding-01 {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .section-padding-01 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-01 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-01 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-01 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-padding-02 {
  padding-top: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .section-padding-02 {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-02 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-02 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-02 {
    padding-top: 60px;
  }
}

.section-padding-03 {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .section-padding-03 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-03 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-03 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-03 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-padding-04 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .section-padding-04 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-04 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-04 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-04 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-padding-05 {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .section-padding-05 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-05 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-05 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-05 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/*.section-title {
  padding-bottom: 80px;
}*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title {
    padding-bottom: 40px;
  }
}
.section-title > *:first-child {
  margin-top: -13px;
}
.section-title__title {
  font-size: 46px;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title__title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .section-title__title {
    font-size: 22px;
  }
}
.section-title p {
  color: #000;
  font-size: 17px;
  margin-top: 10px;
  margin-bottom: -5px;
  text-align: justify;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .section-title p {
    font-size: 16px;
  }
}

.section-title-02 {
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-02 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-02 {
    padding-bottom: 40px;
  }
}
.section-title-02 > * {
  margin-bottom: 15px;
}
.section-title-02 > *:last-child {
  margin-bottom: 0;
}
.section-title-02__sub-title {
  font-size: 16px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .section-title-02__sub-title {
    font-size: 14px;
  }
}
.section-title-02__title {
  font-size: 42px;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-02__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-02__title {
    font-size: 30px;
  }
}

.section-title-03 {
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-03 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-03 {
    padding-bottom: 40px;
  }
}
.section-title-03 > *:first-child {
  margin-top: -13px;
}
.section-title-03__title {
  font-family: "Handlee", cursive;
  font-size: 64px;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-03__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-03__title {
    font-size: 30px;
  }
}
.section-title-03__title span {
  position: relative;
  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;
}
.section-title-03__title span::before, .section-title-03__title span::after {
  display: block;
  content: "";
  border-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 2px;
  background-color: #212121;
  max-width: 95px;
}
.section-title-03__title span::before {
  margin-right: 35px;
}
@media only screen and (max-width: 767px) {
  .section-title-03__title span::before {
    margin-right: 20px;
  }
}
.section-title-03__title span::after {
  margin-left: 35px;
}
@media only screen and (max-width: 767px) {
  .section-title-03__title span::after {
    margin-left: 20px;
  }
}
.section-title-03 p {
  color: #858585;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: -5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .section-title-03 p {
    font-size: 16px;
  }
}

.section-title-04 {
  position: relative;
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-04 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-04 {
    padding-bottom: 40px;
  }
}
.section-title-04__sub-title {
  color: #F6F6F6;
  font-family: "Inter", sans-serif;
  font-size: 64px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(currentColor, rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  z-index: -1;
  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;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-04__sub-title {
    letter-spacing: 10px;
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-04__sub-title {
    font-size: 40px;
    letter-spacing: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-04__sub-title {
    display: none;
  }
}
.section-title-04__title {
  color: #212121;
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .section-title-04__title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .section-title-04__title {
    font-size: 26px;
  }
}

.section-title-05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-05 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-05 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
  }
}
.section-title-05__title {
  color: #212121;
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
  max-width: 100%;
  width: 100%;
  background-color: white;
}
.section-title-05__title::after {
  display: block;
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-top: 1px solid #858585;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 1;
}
.section-title-05__title span {
  background-color: white;
  z-index: 2;
  position: relative;
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .section-title-05__title span {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-05__title {
    max-width: 100%;
    font-size: 26px;
  }
  .section-title-05__title::after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-05__title {
    max-width: 100%;
    font-size: 22px;
  }
  .section-title-05__title::after {
    display: none;
  }
}
.section-title-05 .read-more {
  background-color: white;
  font-size: 16px;
  color: #212121;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 160px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .section-title-05 .read-more {
    padding-left: 0;
  }
}
.section-title-05 .read-more i {
  font-size: 10px;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: 3px;
}
.section-title-05 .read-more:hover {
  color: #C2943A;
}

.section-title-06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-title-06__subtitle {
  color: #212121;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-06__subtitle {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-06__subtitle {
    font-size: 18px;
  }
}
.section-title-06__title {
  color: #212121;
  font-family: "Comfortaa", cursive;
  font-size: 54px;
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-06__title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-06__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-06__title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .section-title-06__title {
    font-size: 28px;
  }
}
.section-title-06__text {
  font-size: 20px;
  font-weight: 400;
  max-width: 730px;
  width: 100%;
  margin: 20px auto 0;
}
@media only screen and (max-width: 767px) {
  .section-title-06__text {
    margin: 10px auto 0;
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .section-title-06__text {
    font-size: 16px;
  }
}

.section-title-07 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-title-07__subtitle {
  color: #F8A969;
  font-family: "Montaga", serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .section-title-07__subtitle {
    margin-bottom: 10px;
  }
}
.section-title-07__title {
  color: #ffffff;
  font-family: "Fredericka the Great", cursive;
  font-size: 54px;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-07__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-07__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-07__title {
    font-size: 30px;
  }
}

.section-title-08__title {
  color: #3D240D;
  font-family: "Playfair Display", serif;
  font-size: 60px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-08__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-08__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-08__title {
    font-size: 30px;
  }
}

.section-title-09 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 9;
}
.section-title-09__subtitle {
  color: #FF9457;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 10px;
}
.section-title-09__title {
  font-family: "Montaga", serif;
  font-size: 64px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  line-height: 1.1;
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-09__title {
    font-size: 46px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-09__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .section-title-09__title {
    font-size: 28px;
  }
}
.section-title-09__text {
  font-size: 16px;
  font-weight: 400;
  max-width: 550px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .section-title-09__text {
    margin: 0px auto 0px;
  }
}
.section-title-09__btn {
  border: 1px solid #ffffff;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 60px;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  height: auto;
  text-align: center;
  padding: 26px 50px;
  line-height: 1.2;
  margin: 70px 0 0;
}
.section-title-09__btn:hover {
  border-color: #FF9457;
  background-color: #FF9457;
  color: #ffffff;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .section-title-09__btn {
    padding: 20px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-09__btn {
    padding: 20px 40px;
    margin: 40px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-09__btn {
    padding: 15px 30px;
    margin: 30px 0 0;
  }
}
.section-title-09 .btn_black {
  border-color: #212121;
  color: #212121;
}
.section-title-09 .btn_black:hover {
  border-color: #FF9457;
  background-color: #FF9457;
  color: #ffffff;
}

.section-title-10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 9;
}
.section-title-10__subtitle {
  color: #BC8157;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1;
  margin-bottom: 15px;
}
.section-title-10__title {
  font-family: "Montaga", serif;
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  line-height: 1.1;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-10__title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-10__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .section-title-10__title {
    font-size: 28px;
  }
}
.section-title-10__text {
  font-size: 18px;
  font-weight: 400;
  max-width: 500px;
  width: 100%;
  color: #858585;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .section-title-10__text {
    font-size: 16px;
  }
}
.section-title-10 img {
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-10 img {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .section-title-10 img {
    margin-top: 0;
    width: 50%;
  }
}

.mb-n25 {
  margin-bottom: -25px;
}

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

.mb-n30 {
  margin-bottom: -30px;
}

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

.mb-n50 {
  margin-bottom: -50px;
}
@media only screen and (max-width: 767px) {
  .mb-n50 {
    margin-bottom: -40px;
  }
}

.mb-50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .mb-50 {
    margin-bottom: 40px;
  }
}

.mb-n60 {
  margin-bottom: -60px;
}
@media only screen and (max-width: 767px) {
  .mb-n60 {
    margin-bottom: -40px;
  }
}

.mb-60 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .mb-60 {
    margin-bottom: 40px;
  }
}

.mb-100 {
  margin-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-100 {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-100 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-100 {
    margin-bottom: 40px;
  }
}

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

/* Tooltip */
.tooltip {
  font-size: 12px;
  border-radius: 5px;
}

/* Max Width */
.max-width-720 {
  max-width: 720px;
}

/* More Button  */
.more-btn {
  margin-top: 50px;
  text-align: center;
}
.more-btn__link {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  fill: #212121;
  color: #212121;
  border-bottom: 1px solid #212121;
  padding-bottom: 2px;
  line-height: 1;
}
.more-btn__link:hover {
  color: #212121;
}
.more-btn_two {
  font-family: "Montaga", serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  padding: 10px;
  line-height: 1.2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.more-btn_two:hover {
  color: #F8A969;
  border-color: #F8A969;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.more-btn_three {
  margin-top: 100px;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .more-btn_three {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .more-btn_three {
    margin-top: 60px;
  }
}
.more-btn_three__content {
  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;
}
.more-btn_three__content .more-btn-text {
  color: #B7A696;
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  z-index: 6;
}
.more-btn_three__content .more-btn-text.text-dark-three:hover {
  color: #ee6d2c !important;
}
.more-btn_three__border {
  border-top: 2px solid #3D240D;
  width: 100%;
  display: block;
  z-index: 6;
  position: relative;
}

/* Quick View Modal */
.quickview-product-modal {
  z-index: 999999 !important;
}
.quickview-product-modal .btn-close {
  position: absolute;
  opacity: 1;
  right: 0;
  z-index: 9;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0px;
  right: 5px;
  top: 5px;
}
.quickview-product-modal .btn-close:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.quickview-product-modal .modal-body {
  padding: 20px;
}
.quickview-product-modal .custom-content {
  position: relative;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  pointer-events: auto;
  background-color: white;
  background-clip: padding-box;
}
.quickview-product-modal .custom-content .btn-close {
  position: relative;
  z-index: 9;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #dddddd;
  width: 100%;
  cursor: pointer;
  pointer-events: all;
  background-color: #BC8157;
  color: white;
  top: 0;
  font-size: 20px;
  font-weight: 500;
}
.quickview-product-modal .custom-content .btn-close:hover {
  background: #212121;
  color: #BC8157;
}
.quickview-product-modal .custom-content .btn-close:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modal-backdrop {
  z-index: 999;
}
.modal-backdrop .show {
  z-index: 9999;
}

/* Scroll Top style */
.scroll-top {
  position: fixed;
  right: 30px;
  bottom: -60px;
  z-index: 999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #BC8157;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #adb5bd;
  opacity: 0;
  visibility: hidden;
}
.scroll-top:hover {
  background-color: #212121;
  border: 1px solid #BC8157;
}
.scroll-top:hover i {
  color: #F3E7E0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 479px) {
  .scroll-top {
    font-size: 20px;
  }
}
.scroll-top.show {
  visibility: visible;
  opacity: 1;
  bottom: 60px;
}
.scroll-top i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.scroll-top .arrow-top {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.scroll-top .arrow-bottom {
  -webkit-transform: translate(-50%, 80px);
          transform: translate(-50%, 80px);
}
.scroll-top:hover {
  background-position: right center;
}
.scroll-top:hover .arrow-top {
  -webkit-transform: translate(-50%, -80px);
          transform: translate(-50%, -80px);
}
.scroll-top:hover .arrow-bottom {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*--
/*  02.03 - Button CSS
/*----------------------------------------*/
.btn-margin {
  margin-top: 40px;
}

.btn {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  height: 56px;
  line-height: 56px;
  padding: 0 36px;
  border: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 0;
}
.btn:focus, .btn:active:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .btn {
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .btn {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0px 20px;
  }
}

.btn-arrow {
  font-size: 37px;
  font-family: "Inter", sans-serif;
  height: 52px;
  width: 120px;
  font-weight: 400;
  border: 1px solid;
  border-radius: 35px;
  background-color: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .btn-arrow {
    height: 40px;
    width: 80px;
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .btn-arrow {
    height: 30px;
    width: 60px;
    font-size: 24px;
  }
}

[class*=btn-outline-] {
  border: 1px solid;
  line-height: 54px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  [class*=btn-outline-] {
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  [class*=btn-outline-] {
    line-height: 43px;
  }
}

.btn-primary {
  background-color: #BC8157;
  border-color: #BC8157;
  color: #fff;
}
.btn-primary:focus, .btn-primary:active, .btn-primary:hover {
  background-color: #BC8157;
  border-color: #BC8157;
  color: #fff;
}

.btn-secondary {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}
.btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}

.btn-success {
  background-color: #4CAF50;
  border-color: #4CAF50;
  color: #333333;
}
.btn-success:focus, .btn-success:active, .btn-success:hover {
  background-color: #4CAF50;
  border-color: #4CAF50;
  color: #333333;
}

.btn-danger {
  background-color: #F44336;
  border-color: #F44336;
  color: #fff;
}
.btn-danger:focus, .btn-danger:active, .btn-danger:hover {
  background-color: #F44336;
  border-color: #F44336;
  color: #fff;
}

.btn-warning {
  background-color: #FFC107;
  border-color: #FFC107;
  color: #333333;
}
.btn-warning:focus, .btn-warning:active, .btn-warning:hover {
  background-color: #FFC107;
  border-color: #FFC107;
  color: #333333;
}

.btn-info {
  background-color: #17A2B8;
  border-color: #17A2B8;
  color: #fff;
}
.btn-info:focus, .btn-info:active, .btn-info:hover {
  background-color: #17A2B8;
  border-color: #17A2B8;
  color: #fff;
}

.btn-light {
  background-color: #F8F9FA;
  border-color: #F8F9FA;
  color: #333333;
}
.btn-light:focus, .btn-light:active, .btn-light:hover {
  background-color: #F8F9FA;
  border-color: #F8F9FA;
  color: #333333;
}

.btn-dark {
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}
.btn-dark:focus, .btn-dark:active, .btn-dark:hover {
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}

.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: #BC8157;
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}
.btn-white:focus, .btn-white:active, .btn-white:hover {
  background-color: #fff;
  border-color: #fff;
  color: #BC8157;
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}

.btn-black {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.btn-black:focus, .btn-black:active, .btn-black:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.btn-theme-color-01 {
  background-color: #992100;
  border-color: #992100;
  color: #fff;
}
.btn-theme-color-01:focus, .btn-theme-color-01:active, .btn-theme-color-01:hover {
  background-color: #992100;
  border-color: #992100;
  color: #fff;
}

.btn-outline-primary {
  border-color: #BC8157;
  color: #BC8157;
}
.btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:hover {
  background-color: #BC8157;
  color: #fff;
}

.btn-outline-secondary {
  border-color: #212121;
  color: #212121;
}
.btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:hover {
  background-color: #212121;
  color: #fff;
}

.btn-outline-success {
  border-color: #4CAF50;
  color: #4CAF50;
}
.btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:hover {
  background-color: #4CAF50;
  color: #333333;
}

.btn-outline-danger {
  border-color: #F44336;
  color: #F44336;
}
.btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:hover {
  background-color: #F44336;
  color: #fff;
}

.btn-outline-warning {
  border-color: #FFC107;
  color: #FFC107;
}
.btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:hover {
  background-color: #FFC107;
  color: #333333;
}

.btn-outline-info {
  border-color: #17A2B8;
  color: #17A2B8;
}
.btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:hover {
  background-color: #17A2B8;
  color: #fff;
}

.btn-outline-light {
  border-color: #F8F9FA;
  color: #F8F9FA;
}
.btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:hover {
  background-color: #F8F9FA;
  color: #333333;
}

.btn-outline-dark {
  border-color: #333333;
  color: #333333;
}
.btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:hover {
  background-color: #333333;
  color: #fff;
}

.btn-outline-white {
  border-color: #fff;
  color: #fff;
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}
.btn-outline-white:hover {
  background-color: #fff;
  color: #BC8157;
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}

.btn-outline-black {
  border-color: #000;
  color: #000;
}
.btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:hover {
  background-color: #000;
  color: #fff;
}

.btn-outline-theme-color-01 {
  border-color: #992100;
  color: #992100;
}
.btn-outline-theme-color-01:focus, .btn-outline-theme-color-01:active, .btn-outline-theme-color-01:hover {
  background-color: #992100;
  color: #fff;
}

.btn-outline-theme-color-02 {
  border-color: #333333;
  color: #333333;
}
.btn-outline-theme-color-02:focus, .btn-outline-theme-color-02:active, .btn-outline-theme-color-02:hover {
  background-color: #C2943A;
  color: #fff;
}

.arrow-btn-outline-color-01 {
  border-color: rgb(64, 50, 47);
  color: rgb(64, 50, 47);
}
.arrow-btn-outline-color-01:focus, .arrow-btn-outline-color-01:active, .arrow-btn-outline-color-01:hover {
  background-color: rgb(64, 50, 47);
  color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.arrow-btn-outline-color-02 {
  border-color: #93622B;
  color: #93622B;
}
.arrow-btn-outline-color-02:focus, .arrow-btn-outline-color-02:active, .arrow-btn-outline-color-02:hover {
  background-color: #EE6D2C;
  border-color: #EE6D2C;
  color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

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

.btn-hover-secondary:hover {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}

.btn-hover-success:hover {
  background-color: #4CAF50;
  border-color: #4CAF50;
  color: #333333;
}

.btn-hover-danger:hover {
  background-color: #F44336;
  border-color: #F44336;
  color: #fff;
}
.btn-hover-danger:hover::before {
  border-color: #fff;
}

.btn-hover-warning:hover {
  background-color: #FFC107;
  border-color: #FFC107;
  color: #333333;
}

.btn-hover-info:hover {
  background-color: #17A2B8;
  border-color: #17A2B8;
  color: #fff;
}

.btn-hover-light:hover {
  background-color: #F8F9FA;
  border-color: #F8F9FA;
  color: #333333;
}

.btn-hover-dark:hover {
  background-color: #333333;
  border-color: #333333;
  color: #fff;
}

.btn-hover-white:hover {
  background-color: #fff;
  border-color: #fff;
  color: #BC8157;
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}

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

.btn-hover-theme-color-01:hover {
  background-color: #992100;
  border-color: #992100;
  color: #fff;
}

/*--
/*  02.04 - Form CSS
/*----------------------------------------*/
.form-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 25px;
}

.form-select,
.form-control {
  color: #212121;
  border: 1px solid #dedede;
  font-size: 14px;
  line-height: 20px;
  padding: 3px 17px;
  height: 50px;
  width: 100%;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-select:focus,
.form-control:focus {
  border-color: #BC8157;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #212121;
}
.form-select::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  opacity: 1;
}
.form-select:-moz-placeholder,
.form-control:-moz-placeholder {
  opacity: 1;
}
.form-select::-moz-placeholder,
.form-control::-moz-placeholder {
  opacity: 1;
}
.form-select:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  opacity: 1;
}

textarea.form-control {
  height: 140px;
  padding: 19px 20px 3px;
}

.form-check {
  display: block;
  min-height: auto;
  padding-left: 0;
  margin-bottom: 0;
}
.form-check input[type=checkbox] {
  display: none;
}
.form-check input[type=checkbox] + label {
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.form-check input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #80868d;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-check input[type=checkbox] + label::after {
  content: "\f00c";
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 14px;
  font-family: Font Awesome\ 5 Pro;
  line-height: 18px;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.form-check input[type=checkbox] + label span {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.form-check input[type=checkbox]:checked + label::before {
  background-color: #212121;
  border-color: #212121;
}
.form-check input[type=checkbox]:checked + label::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.form-check input[type=checkbox]:hover + label::before {
  border-color: #212121;
}
.form-check input[type=radio] {
  display: none;
}
.form-check input[type=radio] + label {
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  white-space: nowrap;
}
.form-check input[type=radio] + label::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #80868d;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-check input[type=radio] + label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #212121;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-check input[type=radio] + label span {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
.form-check input[type=radio] + label strong {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.form-check input[type=radio]:checked + label::before {
  opacity: 0.5;
}
.form-check input[type=radio]:checked + label::after {
  -webkit-transform: scale(0.55);
          transform: scale(0.55);
}

/*----------------------------------------*/
/*  02 - Layout
/*----------------------------------------*/
/*----------------------------------------*/
/*  02 - 01 Header CSS
/*----------------------------------------*/
.header-section {
  padding: 25px 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1600px) {
  .header-section {
    padding: 30px 0;
  }
}

.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: none;
}

.sticky {
  position: fixed;
  background-color: var(--accent-color);
  -webkit-animation: sticky 1s;
          animation: sticky 1s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

}

.header-sticky-02.sticky {
  background-color: #212121;
}

.offcanvas-backdrop {
  z-index: 99;
}

/*----------------------------------------*/
/*  02 - 01 - 01 Header CSS
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-logo a img {
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-logo a img {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .header-logo a img {
    width: 60px;
  }
}

.header-logo-02 {
  margin: 0 50px;
  width: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-logo-02 {
    margin: 0;
  }
}
.header-primary-menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.header-primary-menu li {
  padding: 10px 10px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-primary-menu li {
    padding: 16px 20px;
  }
}
.header-primary-menu li.menu-item-has-children > .menu-item-link::after {
  content: "\ea10";
  display: inline-block;
  font: normal normal normal 10px/1 LaStudioIcons;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 5px;
  margin-left: 10px;
  color: #fff;

}
.header-primary-menu li > .menu-item-link {
  color: #fff;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  padding: 0;
  background: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-primary-menu li > .menu-item-link {
    font-size: 15px;
  }
}
.header-primary-menu li > .menu-item-link > span {
  position: relative;
  line-height: 1.8;
  display: block;
  color: #fff;
}
.header-primary-menu li > .menu-item-link > span::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header-primary-menu li > .menu-item-link.active > span::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.header-primary-menu li:hover > .menu-item-link {
  color: #BC8157;
}
.header-primary-menu li:hover > .menu-item-link > span::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  background-color: #BC8157;
}
.header-primary-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header-primary-menu .sub-menu {
  list-style-type: none;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--accent-color);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 99;
  width: 350px;
  padding: 15px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.header-primary-menu .sub-menu.left {
  left: auto;
  right: 0;
}
.header-primary-menu .sub-menu li {
  padding: 0;
}
.header-primary-menu .sub-menu li.menu-item-has-children > .sub-item-link::after {
  content: "\ea10";
  display: inline-block;
  font: normal normal normal 10px/1 LaStudioIcons;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.header-primary-menu .sub-menu li .sub-item-link {
  padding: 5px 10px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  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;
}
.header-primary-menu .sub-menu li .sub-item-link span {
  position: relative;
}
.header-primary-menu .sub-menu li .sub-item-link span::before {
  content: "";
  border-left: 0 solid;
  -webkit-transition: padding 0.2s, border-color 0.2s;
  transition: padding 0.2s, border-color 0.2s;
  color: #BC8157;
}
.header-primary-menu .sub-menu li:hover > .sub-item-link {
  color: #BC8157;
}
.header-primary-menu .sub-menu li:hover > .sub-item-link span::before {
  border-left-width: 4px;
  padding-left: 13px;
}
.header-primary-menu .sub-menu li .sub-menu {
  top: -15px;
  left: 100%;
  margin-top: 0;
}
.header-primary-menu .sub-menu li .sub-menu.left {
  left: auto;
  right: 100%;
}
.header-primary-menu .sub-menu-mega {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 1440px;
  padding: 40px;
  left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header-primary-menu .sub-menu-mega {
    min-width: 1170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-primary-menu .sub-menu-mega {
    min-width: 930px;
  }
}
.header-primary-menu .sub-menu-mega .mega-menu-item {
  width: 25%;
}
.header-primary-menu .sub-menu-mega .mega-menu-item-title {
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
  padding-left: 10px;
  color: #212121;
  display: block;
  line-height: 1;
}
.header-primary-menu .sub-menu-mega .mega-menu-item-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-primary-menu .sub-menu-mega .mega-menu-item.banner-menu-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-primary-menu-02 li {
  padding: 16px 25px;
}
.header-primary-menu-02 li > .menu-item-link {
  font-weight: 400;
  text-transform: uppercase;
}

.header-primary-menu-03 li > .menu-item-link {
  color: #858585;
}
.header-primary-menu-03 li:hover > .menu-item-link {
  color: #992100;
}
.header-primary-menu-03 .sub-menu li .sub-item-link span::before {
  color: #992100;
}
.header-primary-menu-03 .sub-menu li:hover > .sub-item-link {
  color: #992100;
}

.header-primary-menu-04 li {
  padding: 15px 25px 15px 35px;
}
.header-primary-menu-04 li > .menu-item-link {
  color: #555555;
}
.header-primary-menu-04 li > .menu-item-link::after {
  color: #555555;
}
.header-primary-menu-04 li > .menu-item-link > span::before {
  background-color: #555555;
}
.header-primary-menu-04 li:hover > .menu-item-link {
  color: #FF9D87;
}
.header-primary-menu-04 li:hover > .menu-item-link > span::before {
  background-color: #FF9D87;
}
.header-primary-menu-04 .sub-menu {
  margin-top: 0;
  border-radius: 6px;
}
.header-primary-menu-04 .sub-menu li .sub-item-link span::before {
  color: #FF9D87;
}
.header-primary-menu-04 .sub-menu li:hover > .sub-item-link {
  color: #FF9D87;
}
.header-primary-menu-04 .sub-menu.sub-menu-mega {
  margin-top: -3px;
}

.header-primary-menu-05 {
  border-top: 1px solid #c3c3c3;
}
.header-primary-menu-05 li {
  padding: 25px 25px 25px 35px;
}
.header-primary-menu-05 li > .menu-item-link {
  color: #858585;
}
.header-primary-menu-05 li > .menu-item-link::after {
  color: #858585;
}
.header-primary-menu-05 li > .menu-item-link > span::before {
  background-color: #858585;
}
.header-primary-menu-05 li:hover > .menu-item-link {
  color: #BC8157;
}
.header-primary-menu-05 li:hover > .menu-item-link > span::before {
  background-color: #BC8157;
}
.header-primary-menu-05 .sub-menu {
  margin-top: 0;
}
.header-primary-menu-05 .sub-menu li .sub-item-link span::before {
  color: #BC8157;
}
.header-primary-menu-05 .sub-menu li:hover > .sub-item-link {
  color: #BC8157;
}
.header-primary-menu-05 .sub-menu.sub-menu-mega {
  left: 0;
  min-width: 1640px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header-primary-menu-05 .sub-menu.sub-menu-mega {
    min-width: 1160px;
    left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-primary-menu-05 .sub-menu.sub-menu-mega {
    min-width: 952px;
    left: 20px;
  }
}

.header-meta__action {
  list-style-type: none;
  padding: 0;
  margin: 0;
  gap: 25px;
}
@media only screen and (max-width: 767px) {
  .header-meta__action {
    gap: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .header-meta__action {
    gap: 15px;
  }
}
.header-meta__action li .action {
  font-size: 20px;
  background: none;
  color: #fff;
  border: 0;
  padding: 0;
  position: relative;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .header-meta__action li .action {
    font-size: 18px;
  }
}
.header-meta__action li .action .badge {
  font-size: 12px;
}
.header-meta__action li:hover .action {
  color: #BC8157;
}
.header-meta__action-02 li .action {
  color: #858585;
}
.header-meta__action-02 li:hover .action {
  color: #992100;
}
.header-meta__action-03 li .action {
  color: #555555;
}
.header-meta__action-03 li:hover .action {
  color: #BC8157;
}
.header-meta__action-04 li .action {
  color: #212121;
  font-size: 24px;
}
.header-meta__action-04 li:hover .action {
  color: #992100;
}

.sticky {
  padding: 15px 0;
}
.sticky .header-primary-menu li > .menu-item-link {
  color: #858585;
}
.sticky .header-primary-menu li > .menu-item-link.active {
  color: #BC8157;
}
.sticky .header-primary-menu li > .menu-item-link.active > span::before {
  background-color: #BC8157;
}
.sticky .header-primary-menu li:hover > .menu-item-link {
  color: #BC8157;
}
.sticky .header-primary-menu li:hover > .menu-item-link > span::before {
  background-color: #BC8157;
}
.sticky .header-primary-menu-02 li > .menu-item-link {
  color: #fff;
}
.sticky .header-primary-menu-02 li > .menu-item-link.active {
  color: #BC8157;
}
.sticky .header-primary-menu-02 li > .menu-item-link.active > span::before {
  background-color: #BC8157;
}
.sticky .header-primary-menu-02 li:hover > .menu-item-link {
  color: #BC8157;
}
.sticky .header-primary-menu-02 li:hover > .menu-item-link > span::before {
  background-color: #BC8157;
}
.sticky .header-meta__action li .action {
  color: #212121;
}
.sticky .header-meta__action li:hover .action {
  color: #BC8157;
}

.header-sticky-02.sticky .header-meta__action li .action {
  color: #fff;
}
.header-sticky-02.sticky .header-meta__action li:hover .action {
  color: #fff;
}

.header-sticky-03 .header-meta__action-03 li .action {
  color: #555555;
}
.header-sticky-03 .header-meta__action-03 li:hover .action {
  color: #212121;
}
.header-sticky-03.sticky {
  background-color: #FF9D87;
}
.header-sticky-03.sticky .header-meta__action-03 li .action {
  color: white;
}
.header-sticky-03.sticky .header-meta__action-03 li:hover .action {
  color: #212121;
}
.header-sticky-03.sticky .header-primary-menu li > .menu-item-link {
  color: #212121;
}
.header-sticky-03.sticky .header-primary-menu li > .menu-item-link.active {
  color: #BC8157;
}
.header-sticky-03.sticky .header-primary-menu li > .menu-item-link.active > span::before {
  background-color: #BC8157;
}
.header-sticky-03.sticky .header-primary-menu li:hover > .menu-item-link {
  color: #BC8157;
}
.header-sticky-03.sticky .header-primary-menu li:hover > .menu-item-link > span::before {
  background-color: #BC8157;
}

.header-sticky-05 {
  padding: 0px;
}
.header-sticky-05 .headertop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 130px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 575px) {
  .header-sticky-05 .headertop {
    min-height: 80px;
  }
}
.header-sticky-05 .headertop-left {
  max-width: 40%;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-sticky-05 .headertop-left {
    max-width: 37.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-sticky-05 .headertop-left {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .header-sticky-05 .headertop-left {
    display: none;
  }
}
.header-sticky-05 .headertop-center {
  max-width: 19.3333%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-sticky-05 .headertop-center {
    max-width: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-sticky-05 .headertop-center {
    max-width: 50%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.header-sticky-05 .headertop-right {
  max-width: 40%;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-sticky-05 .headertop-right {
    max-width: 37.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-sticky-05 .headertop-right {
    max-width: 50%;
  }
}
.header-sticky-05.sticky {
  width: 100%;
  z-index: 999;
}
.header-sticky-05.sticky .headertop {
  display: none;
}
.header-sticky-05.sticky .header-primary-menu-05 {
  border-top: 0px;
}

.header-sticky-06 {
  position: fixed;
  width: 100%;
  display: block;
  z-index: 9;
}
.header-sticky-06 .headertop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Header Hotline Style */
.hotline-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hotline-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .hotline-wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.hotline-wrapper li {
  margin-right: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hotline-wrapper li {
    margin-right: 20px;
  }
}
.hotline-wrapper li:last-child {
  margin-right: 0px;
}
.hotline-wrapper .hotline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.hotline-wrapper .hotline i {
  font-size: 32px;
  color: #BC8157;
}
.hotline-wrapper .hotline-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hotline-wrapper .hotline-text {
  font-size: 12px;
  color: #878787;
  line-height: 1;
  margin-bottom: 5px;
}
.hotline-wrapper .hotline-link {
  font-size: 14px;
  color: #333333;
  line-height: 1;
  font-weight: 700;
}
.hotline-wrapper .hotline-link:hover {
  color: #BC8157;
}
.hotline-wrapper.offcanvas-hotline {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid #878787;
  margin-top: 30px;
  padding-top: 30px;
}
.hotline-wrapper.offcanvas-hotline .hotline-link {
  color: #cccccc;
}

.header-seven-top {
  padding: 14px 0;
  background-color: #212121;
}
.header-seven-top-inner {
  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;
}
.header-seven-top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.header-seven-top-left li {
  margin-right: 60px;
}
@media only screen and (max-width: 767px) {
  .header-seven-top-left li {
    margin-right: 30px;
  }
}
.header-seven-top-left li:last-child {
  margin-right: 0;
}
.header-seven-top-left li a {
  color: white;
  font-size: 12px;
}
.header-seven-top-left li a:hover {
  color: #BC8157;
}
.header-seven-top__social .social-item {
  color: white;
  margin-left: 10px;
  font-size: 18px;
}
.header-seven-top__social .social-item:hover {
  color: #BC8157;
}
.header-seven .header-transparent {
  top: inherit;
}
.header-seven .header-transparent.sticky {
  top: 0;
}

/*----------------------------------------*/
/*  02 - 01 - 02 Offcanvas Cart CSS
/*----------------------------------------*/
.offcanvas-cart {
  z-index: 999;
  width: 400px;
  padding: 40px;
}
.offcanvas-cart .offcanvas-header {
  padding: 0 0 40px;
}
.offcanvas-cart .btn-close {
  font-size: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1;
}
.offcanvas-cart .offcanvas-body {
  padding: 0;
}
.offcanvas-cart .offcanvas-footer {
  padding-top: 20px;
}

.offcanvas-cart-items {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.offcanvas-cart-items li + li {
  margin-top: 30px;
}

.mini-cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-right: 20px;
}
.mini-cart-item__remove {
  display: block;
  font-weight: 400;
  font-size: 14px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}
.mini-cart-item__thumbnail {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mini-cart-item__thumbnail a {
  display: block;
}
.mini-cart-item__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mini-cart-item__title {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color: #555555;
}
.mini-cart-item__quantity {
  font-size: 14px;
}

.mini-cart-totla .label {
  font-weight: 600;
}
.mini-cart-btn .btn {
  text-transform: capitalize;
}
@media only screen and (min-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mini-cart-btn .btn {
    height: 50px;
    line-height: 50px;
  }
}

/*----------------------------------------*/
/*  02 - 01 - 03 Search CSS
/*----------------------------------------*/
.search-popup {
  z-index: 99;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.search-popup.open {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.search-popup__form {
  max-width: 800px;
  width: 100%;
}
.search-popup__field {
  font-size: 18px;
  padding-left: 5px;
  padding-right: 35px;
}
.search-popup__field::-webkit-input-placeholder {
  opacity: 1;
  color: #fff;
}
.search-popup__field:-moz-placeholder {
  opacity: 1;
  color: #fff;
}
.search-popup__field::-moz-placeholder {
  opacity: 1;
  color: #fff;
}
.search-popup__field:-ms-input-placeholder {
  opacity: 1;
  color: #fff;
}
.search-popup__icon {
  font-size: 22px;
}
.search-popup__close {
  background-color: #212121;
}
.search-popup__close:hover {
  background-color: #BC8157;
}

.search-form {
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(133, 133, 133, 0.4392156863);
  width: 280px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .search-form {
    width: 100%;
  }
}
.search-form-field {
  font-size: 12px;
  color: #333333;
  min-height: 30px;
  border: 0px;
  width: 100%;
  padding-right: 15px;
}
.search-form-btn {
  position: absolute;
  top: 0;
  right: 0;
  border: 0px;
  background-color: transparent;
}

/*----------------------------------------*/
/*  02 - 01 - 04 Offcanvas Menu CSS
/*----------------------------------------*/
.offcanvas-menu {
  width: 320px;
  z-index: 999;
}
.offcanvas-menu .offcanvas-header .btn-close {
  padding: 0;
  margin: 0;
  font-size: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1;
  opacity: 1;
}
.offcanvas-menu .offcanvas-body {
  padding: 0 20px 20px;
  overflow-y: auto;
}
.offcanvas-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.mobile-primary-menu li {
  position: relative !important;
}
.mobile-primary-menu li > .menu-item-link {
  color: white;
  padding: 10px 20px;
  display: block;
}
.mobile-primary-menu li.menu-item-has-children .mobile-menu-expand {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobile-primary-menu li.menu-item-has-children .mobile-menu-expand::after {
  content: "\ea10";
  color: white;
  display: inline-block;
  font: normal normal normal 14px/1 LaStudioIcons;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mobile-primary-menu li.menu-item-has-children.active-expand > .mobile-menu-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mobile-primary-menu li .banner-menu-content-wrap {
  display: none;
}
.mobile-primary-menu .sub-menu {
  background-color: white;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 99;
  width: 100%;
  padding: 15px;
}
.mobile-primary-menu .sub-menu li {
  padding: 0;
}
.mobile-primary-menu .sub-menu li.menu-item-has-children .mobile-menu-expand {
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.mobile-primary-menu .sub-menu li.menu-item-has-children .mobile-menu-expand::after {
  color: #555555;
  font-size: 12px;
}
.mobile-primary-menu .sub-menu li .sub-item-link {
  padding: 5px 10px;
  color: #555555;
  font-weight: 400;
  font-size: 14px;
  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;
}
.mobile-primary-menu .sub-menu li .sub-item-link span {
  position: relative;
}
.mobile-primary-menu .sub-menu li .sub-item-link span::before {
  content: "";
  border-left: 0 solid;
  -webkit-transition: padding 0.2s, border-color 0.2s;
  transition: padding 0.2s, border-color 0.2s;
  color: #BC8157;
}
.mobile-primary-menu .sub-menu li:hover > .sub-item-link {
  color: #BC8157;
}
.mobile-primary-menu .sub-menu li:hover > .sub-item-link span::before {
  border-left-width: 4px;
  padding-left: 13px;
}
.mobile-primary-menu .sub-menu li .sub-menu {
  padding: 5px 16px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mobile-menu-two {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 575px) {
  .mobile-menu-two {
    width: 330px;
  }
}
.mobile-menu-two li {
  position: relative;
  width: 100%;
}
.mobile-menu-two li > .menu-item-link {
  font-size: 36px;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .mobile-menu-two li > .menu-item-link {
    font-size: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .mobile-menu-two li > .menu-item-link {
    font-size: 24px;
  }
}
.mobile-menu-two li.menu-item-has-children > .mobile-menu-expand {
  top: 18px;
}
.mobile-menu-two li.menu-item-has-children.active-expand > .mobile-menu-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mobile-menu-two .sub-menu li.menu-item-has-children .mobile-menu-expand {
  top: 0px;
}

.offcanvas-menu-two {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100% !important;
  z-index: 999;
}
.offcanvas-menu-two::before {
  content: "";
  position: absolute;
  background-color: #212121;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
}
.offcanvas-menu-two .offcanvas-body {
  z-index: 999;
}
.offcanvas-menu-two .offcanvas-header {
  position: absolute;
  top: 5%;
  right: 5%;
}
@media only screen and (max-width: 767px) {
  .offcanvas-menu-two .offcanvas-header {
    top: 0%;
  }
}
.offcanvas-menu-two .btn-close {
  color: white;
  font-size: 30px;
  opacity: 1;
  z-index: 9999;
}
.offcanvas-menu-two .btn-close {
  --bs-btn-close-bg: none;
}

/*----------------------------------------*/
/*  02 - 02 Footer CSS
/*----------------------------------------*/
/*----------------------------------------*/
/*  02 - 02 - 01 Footer Widget CSS
/*----------------------------------------*/
.footer-widget-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .footer-widget-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.footer-widget__logo {
  margin: 40px 0 10px;
}
@media only screen and (max-width: 767px) {
  .footer-widget__logo {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .footer-widget__logo img {
    width: 160px;
  }
}
.footer-widget__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget__social {
    gap: 0 20px;
  }
}
.footer-widget__social a {
  color: #212121;
  font-size: 20px;
}
.footer-widget__social a:hover {
  color: #BC8157;
}
.footer-widget__title {
  font-size: 18px;
  text-transform: uppercase;
  line-height: 2;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .footer-widget__title {
    font-size: 16px;
  }
}
.footer-widget__title-02 {
  font-size: 18px;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  line-height: 2;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .footer-widget__title-02 {
    font-size: 16px;
  }
}
.footer-widget__link {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer-widget__link li + li {
  padding-top: 12px;
}
.footer-widget__link li a {
  font-size: 14px;
  color: #858585;
  display: block;
  white-space: nowrap;
}
.footer-widget__link li a:hover {
  color: #212121;
}
.footer-widget__newsletter {
  max-width: 452px;
}
@media only screen and (max-width: 767px) {
  .footer-widget__newsletter {
    max-width: 100%;
  }
}
.footer-widget__fild {
  width: 100%;
  height: 48px;
  border: 1px solid #dedede;
  padding: 0 25px;
  padding-right: 120px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-widget__fild:focus {
  border-color: #212121;
}
.footer-widget__btn {
  height: 48px;
  line-height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: 400;
}

.dark-footer {
  background-color: #212121;
}
.dark-footer .footer-widget__logo .logo-dark {
  display: none;
}
.dark-footer .footer-widget__logo .logo-white {
  display: block !important;
}
.dark-footer .footer-widget__social a {
  color: white;
}
.dark-footer .footer-widget__social a:hover {
  color: #BC8157;
}
.dark-footer .footer-widget__title {
  color: white;
}
.dark-footer .footer-widget__title-02 {
  color: white;
}
.dark-footer .footer-widget__link li a {
  color: #858585;
}
.dark-footer .footer-widget__link li a:hover {
  color: white;
}
.dark-footer .footer-widget__fild {
  border: 1px solid #a9a9a9;
  color: #a9a9a9;
  background-color: transparent;
}
.dark-footer .footer-widget__fild:focus {
  border-color: white;
}
.dark-footer .footer-widget__btn {
  background-color: white;
  color: #212121;
}
.dark-footer .footer-widget__btn:hover {
  background-color: #BC8157;
  color: white;
}
.dark-footer .footer-copyright-two {
  padding-top: 20px !important;
}
.dark-footer.bg-dark-four {
  background-color: #000000;
}
.dark-footer.bg-dark-four .footer-payment li {
  margin-right: 30px;
}
.dark-footer.bg-dark-four .footer-payment li:last-child {
  margin-right: 0;
}
.dark-footer.bg-dark-four .footer-payment svg {
  opacity: 0.5;
}
.dark-footer.bg-dark-four .footer-copyright-two {
  background-color: #000000;
}

/*----------------------------------------*/
/*  02 - 02 - 02 Footer Copyright CSS
/*----------------------------------------*/
/*.footer-copyright {
  background-color: #F4F4F4;
}*/

.footer-copyright-text {
  padding: 15px 0;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
}
.footer-copyright-text a {
  text-decoration: underline;
  color: #212121;
}
.footer-copyright-text a:hover {
  color: #BC8157;
}
.footer-copyright-text i {
  color: #BC8157;
}

.footer-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .footer-payment {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer-payment li {
  color: #d8d8d8;
  margin-right: 18px;
}
.footer-payment li:last-child {
  margin-right: 0;
}

.dark-footer .footer-copyright {
  background-color: #212121;
  padding: 40px 0 20px;
}
.dark-footer .footer-copyright-text {
  color: #858585;
  text-align: start;
}
@media only screen and (max-width: 767px) {
  .dark-footer .footer-copyright-text {
    text-align: center;
  }
}
.dark-footer .footer-copyright-text a {
  text-decoration: underline;
  color: #BC8157;
}

/*----------------------------------------*/
/*  03 - 03 Wrapper CSS
/*----------------------------------------*/
/*----------------------------------------*/
/*  01 - Modhuls
/*----------------------------------------*/
/*----------------------------------------*/
/*  03 - 01 Slider CSS
/*----------------------------------------*/
.single-slider {
  height: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #212121;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider {
    height: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider {
    height: 660px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-slider {
    height: 540px;
  }
}

.single-slider-02 {
  height: 910px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  background-color: #212121;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-02 {
    height: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-02 {
    height: 660px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-slider-02 {
    height: 540px;
  }
}
.single-slider-02::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #212121;
  opacity: 0.7;
  z-index: -1;
}

.single-slider-03 {
  height: 1090px;
  padding-top: 100px;
  padding-bottom: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #212121;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-03 {
    height: 800px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-03 {
    height: 700px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-03 {
    height: 550px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-03 {
    height: auto;
    padding-top: 120px;
    padding-bottom: 80px;
  }
}

.single-slider-04 {
  height: 960px;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #212121;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-04 {
    height: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-04 {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-04 {
    height: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-04 {
    height: 440px;
    padding-top: 0px;
  }
}

.single-slider-05 {
  height: 660px;
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #212121;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-05 {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-05 {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-05 {
    padding-top: 40px;
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-05 {
    padding-top: 40px;
    height: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .single-slider-05 {
    padding-top: 0px;
    height: 300px;
  }
}

.single-slider-06 {
  height: 900px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-06 {
    height: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-06 {
    height: 720px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-06 {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-06 {
    height: 450px;
  }
}
@media only screen and (max-width: 575px) {
  .single-slider-06 {
    height: 370px;
  }
}
.single-slider-06 .common-title, .single-slider-06 .image {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: -30px;
}
@media only screen and (max-width: 575px) {
  .single-slider-06 .common-title, .single-slider-06 .image {
    margin-top: 0px;
  }
}
.single-slider-06 .common-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-transform: uppercase;
  font-family: "Comfortaa", cursive;
  font-size: 300px;
  font-weight: 700;
  letter-spacing: 2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-06 .common-title {
    font-size: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-06 .common-title {
    font-size: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-06 .common-title {
    font-size: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-06 .common-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 575px) {
  .single-slider-06 .common-title {
    font-size: 60px;
  }
}
.single-slider-06 .title-stroke {
  z-index: 9;
  -webkit-text-stroke: 4px rgb(64, 50, 47);
  color: rgba(64, 50, 47, 0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-slider-06 .title-stroke {
    -webkit-text-stroke: 2px rgb(64, 50, 47);
  }
}
.single-slider-06 .title-fill {
  z-index: -1;
  color: rgb(64, 50, 47);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-06 .image img {
    width: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-06 .image img {
    width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-06 .image img {
    width: 420px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-06 .image img {
    width: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .single-slider-06 .image img {
    width: 200px;
  }
}
.single-slider-06 .img-left {
  left: -20%;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-06 .img-left {
    left: -15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-06 .img-left {
    left: -13%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-06 .img-left {
    left: -10%;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-06 .img-left {
    left: -10%;
  }
}
.single-slider-06 .img-right {
  right: -20%;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-06 .img-right {
    right: -15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-06 .img-right {
    right: -13%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-06 .img-right {
    right: -10%;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-06 .img-right {
    right: -10%;
  }
}
.single-slider-06 .arrow-button {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 10%;
}

.single-slider-07 {
  height: 1020px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-07 {
    height: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-07 {
    height: 820px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-07 {
    height: 700px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-07 {
    height: 550px;
  }
}
@media only screen and (max-width: 575px) {
  .single-slider-07 {
    height: 470px;
  }
}
.single-slider-07 .image {
  position: absolute;
  top: 12%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-07 .image img {
    width: 900px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-07 .image img {
    width: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-07 .image img {
    width: 800px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-07 .image img {
    width: 600px;
  }
}
@media only screen and (max-width: 575px) {
  .single-slider-07 .image img {
    width: 500px;
  }
}
.single-slider-07 .btn-arrow {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 10%;
}

.slider-section-seven .swiper-pagination {
  bottom: auto !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.slider-section-seven .swiper-pagination .swiper-pagination-bullet {
  margin: 8px 0 !important;
}

.single-slider-08 {
  height: 100vh;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-08 {
    height: 100vh;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-08 {
    height: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-08 {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-08 {
    height: 550px;
  }
}
@media only screen and (max-width: 575px) {
  .single-slider-08 {
    height: 470px;
  }
}
.single-slider-08 .image {
  position: absolute;
  bottom: 4%;
  left: 4%;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-08 .image {
    left: 1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-08 .image {
    left: 1%;
    bottom: 1%;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-08 .image {
    left: 0%;
    bottom: 0%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .single-slider-08 .image img {
    width: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-08 .image img {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-08 .image img {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-08 .image img {
    width: 45%;
  }
}
@media only screen and (max-width: 479px) {
  .single-slider-08 .image img {
    width: 65%;
  }
}

.slider-section-eight .swiper-pagination {
  bottom: auto !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.slider-section-eight .swiper-pagination .swiper-pagination-bullet {
  margin: 8px 0 !important;
}

.slider-bg-01 {
  background-color: #fff8f2;
}

.slider-bg-02 {
  background-color: #fff3f4;
}

.slider-bg-03 {
  background-color: #faf2ff;
}

.slider-content {
  max-width: 730px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content {
    max-width: 580px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slider-content__shape {
    width: 55px;
  }
}
.slider-content__title {
  font-size: 96px;
  line-height: 1;
  margin-top: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-content__title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content__title {
    font-size: 66px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slider-content__title {
    font-size: 52px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-content__title {
    font-size: 42px;
  }
}
.slider-content__btn {
  margin-top: 70px;
}
@media only screen and (min-width: 1600px) {
  .slider-content__btn {
    font-size: 18px;
    font-weight: 700;
    height: 70px;
    line-height: 70px;
    max-width: 210px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slider-content__btn {
    margin-top: 50px;
  }
}

.slider-content-02__title {
  font-size: 48px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-02__title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-02__title {
    font-size: 28px;
  }
}
.slider-content-02__shape {
  font-size: 90px;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slider-content-02__shape {
    font-size: 50px;
  }
}
.slider-content-02__shape svg {
  width: 1em;
  height: 1em;
}

.slider-content-03 {
  max-width: 650px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-content-03 {
    max-width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-03 {
    max-width: 420px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-03 {
    max-width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-03 {
    max-width: 320px;
  }
}
.slider-content-03__shape {
  position: absolute;
  top: -33%;
  left: -9%;
  z-index: -1;
}
.slider-content-03__title {
  font-size: 99px;
  font-family: "Handlee", cursive;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-content-03__title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-03__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slider-content-03__title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-content-03__title {
    font-size: 36px;
  }
}
.slider-content-03__btn {
  margin-top: 70px;
}
@media only screen and (min-width: 1600px) {
  .slider-content-03__btn {
    font-size: 18px;
    font-weight: 700;
    height: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slider-content-03__btn {
    margin-top: 40px;
  }
}

.slider-content-04 {
  max-width: 695px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-content-04 {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-04 {
    max-width: 375px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-04 {
    max-width: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-content-04 {
    max-width: 230px;
  }
}
.slider-content-04__title {
  font-size: 120px;
  font-weight: 400;
  font-family: "Pacifico", cursive;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-content-04__title {
    font-size: 88px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-04__title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-04__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-04__title {
    font-size: 40px;
  }
}
.slider-content-04__btn {
  margin-top: 80px;
  border: 2px solid transparent;
  color: #858585;
}
@media only screen and (min-width: 1600px) {
  .slider-content-04__btn {
    width: 220px;
    height: 70px;
    line-height: 66px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-content-04__btn {
    width: 220px;
    height: 70px;
    line-height: 66px;
    font-size: 18px;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-04__btn {
    margin-top: 30px;
    line-height: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-04__btn {
    margin-top: 25px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-04__btn {
    margin-top: 25px;
    line-height: 42px;
  }
}
.slider-content-04__btn.slider-btn-01 {
  border-color: #ff512b;
}
.slider-content-04__btn.slider-btn-01:hover {
  background-color: #ff512b;
  color: #fff;
}
.slider-content-04__btn.slider-btn-02 {
  border-color: #87c5ff;
}
.slider-content-04__btn.slider-btn-02:hover {
  background-color: #87c5ff;
  color: #fff;
}

.slider-content-05 {
  position: relative;
  left: 10%;
}
@media only screen and (max-width: 479px) {
  .slider-content-05 {
    left: 6%;
  }
}
.slider-content-05__title {
  font-size: 60px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  line-height: 1;
  z-index: 3;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-05__title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-05__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-content-05__title {
    font-size: 26px;
  }
}
.slider-content-05__subtitle {
  font-family: "Allura", cursive;
  color: #C2943A;
  white-space: nowrap;
  line-height: 1;
  font-weight: 400;
  font-size: 108px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  position: absolute;
  display: block;
  overflow: visible;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  -webkit-transform: rotate(17deg);
          transform: rotate(17deg);
  top: -50px;
  right: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-05__subtitle {
    font-size: 80px;
    top: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-05__subtitle {
    font-size: 60px;
    top: -25px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-content-05__subtitle {
    font-size: 60px;
    top: -25px;
    right: -30px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-content-05__subtitle {
    font-size: 40px;
    top: -18px;
    right: -30px;
  }
}
.slider-content-05__btn {
  margin-top: 65px;
  border: 1px solid #333333;
  color: #333333;
  text-transform: capitalize;
  width: 180px;
  line-height: 70px;
  font-size: 18px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .slider-content-05__btn {
    margin-top: 30px;
    width: 140px;
    line-height: 50px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-content-05__btn {
    margin-top: 30px;
    width: 120px;
    line-height: 40px;
    font-size: 16px;
  }
}
.slider-content-05__btn.slider-btn-01:hover {
  background-color: #C2943A;
  color: #fff;
  border-color: #C2943A;
}

.slider-content-07 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-07 {
    bottom: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-07 {
    bottom: 25%;
  }
}
.slider-content-07__title {
  font-family: "Fredericka the Great", cursive;
  text-transform: uppercase;
  color: #ffffff;
  text-align: right;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-content-07__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-07__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-07__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-07__title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-content-07__title {
    text-align: center;
  }
}
.slider-content-07__btn {
  margin-top: 65px;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-transform: uppercase;
  width: 170px;
  line-height: 60px;
  font-size: 16px;
  font-family: "Montaga", serif;
  font-weight: 400;
  height: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-07__btn {
    margin-top: 30px;
    width: 140px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-07__btn {
    margin-top: 30px;
    width: 120px;
    line-height: 40px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-content-07__btn {
    margin-top: 30px;
    width: 120px;
    line-height: 40px;
    font-size: 16px;
  }
}
.slider-content-07__btn.slider-btn-01:hover {
  background-color: #F8A969;
  color: #fff;
  border-color: #F8A969;
}
.slider-content-07__text {
  font-family: "Montaga", serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  bottom: -125px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-07__text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-07__text {
    font-size: 10px;
    bottom: -70px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-content-07__text {
    font-size: 10px;
    bottom: -50px;
    max-width: 300px;
    text-align: center;
    margin-right: auto;
  }
}

.slider-content-08 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slider-content-08__subtitle {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 60px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 10px;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-08__subtitle {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-08__subtitle {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-08__subtitle {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-content-08__subtitle {
    font-size: 20px;
  }
}
.slider-content-08__title {
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 123px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-content-08__title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-08__title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-08__title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-08__title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-content-08__title {
    font-size: 50px;
  }
}
.slider-content-08__btn {
  margin-top: 50px;
  border: 1px solid #ffffff;
  color: #ffffff;
  width: 180px;
  line-height: 70px;
  font-size: 20px;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  height: auto;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-08__btn {
    margin-top: 30px;
    width: 140px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-08__btn {
    margin-top: 20px;
    width: 120px;
    line-height: 40px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-content-08__btn {
    margin-top: 20px;
    width: 120px;
    line-height: 40px;
    font-size: 16px;
  }
}
.slider-content-08__btn.slider-btn-01:hover {
  background-color: #ee6d2c;
  color: #fff;
  border-color: #ee6d2c;
}

.slider-images {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-images {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-images {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-images {
    position: relative;
    width: 70%;
    margin-top: -30px;
    margin-left: auto;
  }
}
.slider-images-02 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.slider-images-02__shape-01 {
  position: absolute;
  top: 16%;
  left: 15%;
  width: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slider-images-02__shape-01 {
    width: 65px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-images-02__shape-01 {
    width: 65px;
    top: 21%;
  }
}
.slider-images-02__shape-02 {
  position: absolute;
  top: 11%;
  left: 25%;
  width: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-images-02__shape-02 {
    top: 15%;
    left: 32%;
    width: 85px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-images-02__shape-02 {
    top: 17%;
    left: 32%;
    width: 65px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-images-02__shape-02 {
    width: 60px;
    top: 18%;
    left: 28%;
  }
}
@media only screen and (max-width: 479px) {
  .slider-images-02__shape-02 {
    width: 60px;
    top: 20%;
    left: 20%;
  }
}
.slider-images-02__shape-03 {
  position: absolute;
  top: 21%;
  left: 38%;
  width: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-images-02__shape-03 {
    top: 26%;
    left: 53%;
    width: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-images-02__shape-03 {
    top: 25%;
    left: 55%;
    width: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-images-02__image {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-images-02__image {
    width: 70%;
  }
}

.animation-style-01 .slider-images, .animation-style-01 .slider-content-03, .animation-style-01 .slider-content {
  opacity: 0;
}
.animation-style-01.swiper-slide-active .slider-content-03, .animation-style-01.swiper-slide-active .slider-content {
  opacity: 1;
}
.animation-style-01.swiper-slide-active .slider-content-03 > *:nth-child(1), .animation-style-01.swiper-slide-active .slider-content > *:nth-child(1) {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-content-03 > *:nth-child(2), .animation-style-01.swiper-slide-active .slider-content > *:nth-child(2) {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-content-03 > *:nth-child(3), .animation-style-01.swiper-slide-active .slider-content > *:nth-child(3) {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-content-03 > *:nth-child(4), .animation-style-01.swiper-slide-active .slider-content > *:nth-child(4) {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-content-03 > *:nth-child(5), .animation-style-01.swiper-slide-active .slider-content > *:nth-child(5) {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-images {
  opacity: 1;
}
.animation-style-01.swiper-slide-active .slider-images img {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animation-style-04 .slider-images-02__shape-01, .animation-style-04 .slider-images-02__image, .animation-style-04 .slider-content-04__title, .animation-style-04 .btn {
  opacity: 0;
}
.animation-style-04.swiper-slide-active .slider-images-02__shape-01, .animation-style-04.swiper-slide-active .slider-images-02__image, .animation-style-04.swiper-slide-active .slider-content-04__title, .animation-style-04.swiper-slide-active .btn {
  opacity: 1;
}
.animation-style-04.swiper-slide-active .slider-images-02__shape-01 {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-04.swiper-slide-active .slider-images-02__image {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-04.swiper-slide-active .slider-content-04__title {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-04.swiper-slide-active .btn {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animation-style-05 .slider-content-05__title, .animation-style-05 .btn {
  opacity: 0;
}
.animation-style-05.swiper-slide-active .slider-content-05__title, .animation-style-05.swiper-slide-active .btn {
  opacity: 1;
}
.animation-style-05.swiper-slide-active .slider-content-05__title {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-05.swiper-slide-active .btn {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animation-style-06 .img-left, .animation-style-06 .img-center, .animation-style-06 .img-right, .animation-style-06 .image, .animation-style-06 .btn-arrow {
  opacity: 0;
}
.animation-style-06.swiper-slide-active .img-left, .animation-style-06.swiper-slide-active .img-center, .animation-style-06.swiper-slide-active .img-right, .animation-style-06.swiper-slide-active .image, .animation-style-06.swiper-slide-active .btn-arrow {
  opacity: 1;
}
.animation-style-06.swiper-slide-active .img-left {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-06.swiper-slide-active .img-center {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-06.swiper-slide-active .img-right {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-06.swiper-slide-active .btn-arrow {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animation-style-07 .img-center, .animation-style-07 .slider-content-07__title, .animation-style-07 .slider-content-07__text, .animation-style-07 .btn {
  opacity: 0;
}
.animation-style-07.swiper-slide-active .img-center, .animation-style-07.swiper-slide-active .slider-content-07__title, .animation-style-07.swiper-slide-active .slider-content-07__text, .animation-style-07.swiper-slide-active .btn {
  opacity: 1;
}
.animation-style-07.swiper-slide-active .img-center {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-07.swiper-slide-active .slider-content-07__title {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-07.swiper-slide-active .btn {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-07.swiper-slide-active .slider-content-07__text {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animation-style-08 .img-center, .animation-style-08 .slider-content-08__subtitle, .animation-style-08 .slider-content-08__title, .animation-style-08 .btn {
  opacity: 0;
}
.animation-style-08.swiper-slide-active .img-center, .animation-style-08.swiper-slide-active .slider-content-08__subtitle, .animation-style-08.swiper-slide-active .slider-content-08__title, .animation-style-08.swiper-slide-active .btn {
  opacity: 1;
}
.animation-style-08.swiper-slide-active .img-center {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-08.swiper-slide-active .slider-content-08__subtitle {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-08.swiper-slide-active .slider-content-08__title {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animation-style-08.swiper-slide-active .btn {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.slider-active .swiper-pagination {
  bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .slider-active .swiper-pagination {
    bottom: 20px;
  }
}
.slider-active .swiper-pagination .swiper-pagination-bullet {
  outline: none;
  background-color: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  margin: 0 5px;
}
.slider-active .swiper-pagination .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
}
.slider-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.slider-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #000;
}
.slider-active .swiper-pagination-two .swiper-pagination-bullet {
  outline: none;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  margin: 0 5px;
}
.slider-active .swiper-pagination-two .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
}
.slider-active .swiper-pagination-two .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ee6d2c;
}
.slider-active .swiper-pagination-two .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #ee6d2c;
}

.slider-arrow {
  position: absolute;
  bottom: 100px;
  left: calc((100% - 1440px) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-arrow {
    left: calc((100% - 1170px) / 2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-arrow {
    left: calc((100% - 930px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-arrow {
    left: calc((100% - 660px) / 2);
    bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-arrow {
    left: calc((100% - 510px) / 2);
    bottom: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-arrow {
    left: 30px;
    bottom: 50px;
  }
}
.slider-arrow .swiper-button-next, .slider-arrow .swiper-button-prev {
  position: relative;
  left: 0;
  right: 0;
  margin-top: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  cursor: pointer;
  color: #BC8157;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  border: 1px solid #BC8157;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider-arrow .swiper-button-next::after, .slider-arrow .swiper-button-prev::after {
  display: none;
}
.slider-arrow .swiper-button-next:hover, .slider-arrow .swiper-button-prev:hover {
  background-color: #BC8157;
  color: #fff;
}
.slider-arrow-three .swiper-button-next, .slider-arrow-three .swiper-button-prev {
  color: #FF9D87;
  border: 1px solid #FF9D87;
}
.slider-arrow-three .swiper-button-next:hover, .slider-arrow-three .swiper-button-prev:hover {
  background-color: #FF9D87;
  color: #fff;
}

.slider-arrow-two {
  position: absolute;
  bottom: 60px;
  right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .slider-arrow-two {
    bottom: 30px;
    right: 30px;
  }
}
.slider-arrow-two .swiper-button-next, .slider-arrow-two .swiper-button-prev {
  position: relative;
  left: 0;
  right: 0;
  margin-top: 0;
  -webkit-transform: translate(0);
          transform: translate(0);
  cursor: pointer;
  color: white;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  border: 1px solid white;
  border-radius: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider-arrow-two .swiper-button-next::after, .slider-arrow-two .swiper-button-prev::after {
  display: none;
}
.slider-arrow-two .swiper-button-next:hover, .slider-arrow-two .swiper-button-prev:hover {
  background-color: #BC8157;
  color: #fff;
  border-color: #BC8157;
}
.slider-arrow-three {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1560px;
  width: 100%;
  z-index: 99;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slider-arrow-three {
    padding: 0 20px;
  }
}
.slider-arrow-three .swiper-button-next, .slider-arrow-three .swiper-button-prev {
  position: relative;
  left: 0;
  right: 0;
  margin-top: 0;
  cursor: pointer;
  color: #212121;
  text-align: center;
  font-weight: 400;
  font-size: 36px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 0px;
}
@media only screen and (max-width: 479px) {
  .slider-arrow-three .swiper-button-next, .slider-arrow-three .swiper-button-prev {
    font-size: 24px;
  }
}
.slider-arrow-three .swiper-button-next::after, .slider-arrow-three .swiper-button-prev::after {
  display: none;
}
.slider-arrow-three .swiper-button-next:hover, .slider-arrow-three .swiper-button-prev:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  background-color: transparent;
  color: #212121;
}

.slider-active-02 .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  border-top: 1px solid #858585;
  border-bottom: 1px solid #858585;
}
@media only screen and (max-width: 767px) {
  .slider-active-02 .swiper-pagination {
    border: 0;
    bottom: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 15px;
  }
}
.slider-active-02 .swiper-pagination .swiper-pagination-bullet {
  width: 33.33%;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  margin: 0;
  opacity: 1;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  padding-left: 15%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet {
    height: 110px;
    padding-left: 16%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet {
    height: 100px;
    padding-left: 17%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet {
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background-color: #000;
    opacity: 0.3;
    padding-left: 0;
    border-radius: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
  }
}
.slider-active-02 .swiper-pagination .swiper-pagination-bullet:nth-child(2n+2) {
  border-left: 1px solid #858585;
  border-right: 1px solid #858585;
}
@media only screen and (max-width: 767px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet:nth-child(2n+2) {
    border: 0;
  }
}
.slider-active-02 .swiper-pagination .swiper-pagination-bullet .image {
  width: 200px;
  position: absolute;
  top: 30px;
  left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet .image {
    width: 160px;
    left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet .image {
    width: 140px;
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet .image {
    width: 115px;
    left: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet .image {
    display: none;
  }
}
.slider-active-02 .swiper-pagination .swiper-pagination-bullet .title {
  color: #858585;
  font-size: 30px;
  line-height: 1.2;
  width: 220px;
  text-align: left;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet .title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet .title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet .title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-active-02 .swiper-pagination .swiper-pagination-bullet .title {
    display: none;
  }
}
.slider-active-02 .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #fff;
  border-color: #fff;
}

/*----------------------------------------*/
/*  03 - 02 Product CSS
/*----------------------------------------*/
/* Product Item  */
.product-item {
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-item__badge {
  position: absolute;
  top: 20px;
  left: -20px;
  background-color: #BC8157;
  color: #fff;
  font-size: 12px;
  font-family: "Montaga", serif;
  text-transform: uppercase;
  min-width: 60px;
  text-align: center;
  padding: 5px 40px 5px 30px;
  z-index: 1;
}
.product-item__badge::after {
  position: absolute;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid #fff;
  right: 0;
  content: "";
  top: 0;
}
.product-item__badge::before {
  content: "";
  left: 0;
  top: 100%;
  border-left: 20px solid transparent;
  border-top: 10px solid #212121;
  height: 0;
  width: 0;
  position: absolute;
}
.product-item__image {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.product-item__image > a {
  display: block;
}
.product-item__image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.product-item__image-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-item__meta {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.product-item__meta.meta-middle {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: auto;
}
.product-item__meta.meta-bottom {
  top: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 22px;
  gap: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-item__meta.meta-bottom {
    bottom: 26px;
  }
}
.product-item__meta-action {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.product-item__meta-action + .product-item__meta-action {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.product-item__meta-action + .product-item__meta-action + .product-item__meta-action {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.product-item__meta-action a {
  width: 44px;
  height: 44px;
  line-height: 42px;
  font-size: 16px;
  color: #212121;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-item__meta-action a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
.product-item__meta-action a.shadow-1 {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.product-item__meta-action a:hover {
  background-color: #BC8157;
  border-color: #BC8157;
  color: #fff;
}
.product-item__meta-action .labtn-icon-quickview::before {
  content: "\ea49";
}
.product-item__meta-action .labtn-icon-cart::before {
  content: "\ea2c";
}
.product-item__meta-action .labtn-icon-wishlist::before {
  content: "\ea2b";
  bottom: -1px;
  position: relative;
}
.product-item__meta-action .labtn-icon-compare::before {
  content: "\ea03";
}
.product-item__meta-action.meta-dark a {
  color: #F3E7E0;
  background-color: #3D240D;
  border-color: #3D240D;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  width: 54px;
  height: 54px;
  line-height: 2.8;
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-item__meta-action.meta-dark a {
    width: 54px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }
}
.product-item__meta-action.meta-dark a:hover {
  background-color: #ee6d2c;
  border-color: #ee6d2c;
  color: #F3E7E0;
}
.product-item__meta-round {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
  z-index: 4;
}
.product-item__meta-round + .product-item__meta-round {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.product-item__meta-round + .product-item__meta-round + .product-item__meta-round {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.product-item__meta-round a {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  line-height: 42px;
  font-size: 16px;
  color: #ffffff;
  background-color: transparent;
  -webkit-box-shadow: 0 0 2px 0 #fff;
          box-shadow: 0 0 2px 0 #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item__meta-round a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
.product-item__meta-round a.shadow-1 {
  -webkit-box-shadow: 0 0 2px 0 #fff;
          box-shadow: 0 0 2px 0 #fff;
}
.product-item__meta-round a:hover {
  background-color: #BC8157;
  border-color: #BC8157;
  color: #fff;
}
.product-item__meta-round .labtn-icon-quickview::before {
  content: "\ea49";
}
.product-item__meta-round .labtn-icon-cart::before {
  content: "\ea2c";
}
.product-item__meta-round .labtn-icon-wishlist::before {
  content: "\ea2b";
  bottom: -1px;
  position: relative;
}
.product-item__meta-round .labtn-icon-compare::before {
  content: "\ea03";
}
.product-item__title {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-item__title {
    font-size: 20px;
  }
}
.product-item__rating {
  overflow: hidden;
  position: relative;
  line-height: 1;
  font-size: 14px;
  width: 6em;
  margin: 0 auto 10px;
  font-family: "LaStudioIcons";
  text-transform: none;
  color: #B3BDBC;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.2em;
}
.product-item__rating::before {
  content: "\ea5e\ea5e\ea5e\ea5e\ea5e";
}
.product-item__star-rating {
  font-size: 14px;
  font-family: "LaStudioIcons";
  letter-spacing: 0.2em;
  color: #F5A623;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.product-item__star-rating::before {
  content: "\ea5e\ea5e\ea5e\ea5e\ea5e";
}
.product-item__price {
  color: #212121;
  font-size: 22px;
  font-family: "Montaga", serif;
  text-transform: uppercase;
  display: block;
  line-height: 1.4;
  margin-bottom: -4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-item__price {
    font-size: 20px;
  }
}
.product-item__arrow {
  margin-top: 25px;
}
.product-item:hover .product-item__meta-action {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.product-item:hover .product-item__meta-round {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.product-item:hover .product-item__image-hover {
  opacity: 1;
  visibility: visible;
}
.product-item.product-item-02 .product-item__image {
  width: 67%;
}
.product-item.product-item-02 .product-item__image img {
  height: 310px;
}
.product-item.product-item-02 .product-item__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.product-item.product-item-02 .product-item__price {
  font-family: "Inter", sans-serif;
}
.product-item.product-item-02:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.product-item.product-item-03 .product-item__image {
  width: 100%;
}
.product-item.product-item-03 .product-item__image img {
  height: 310px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.product-item-03 .product-item__image img {
    height: 235px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-03 .product-item__image img {
    height: 190px;
  }
}
.product-item.product-item-03 .product-item__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.product-item.product-item-03 .product-item__title a:hover {
  color: #992100;
}
.product-item.product-item-03 .product-item__meta-action a:hover {
  background-color: #992100;
  border-color: #992100;
}
.product-item.product-item-03 .product-item__price {
  font-family: "Inter", sans-serif;
}
.product-item.product-item-03:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.product-item.product-item-05 {
  margin: 20px 0;
}
.product-item.product-item-05 .product-item__image {
  width: 100%;
}
.product-item.product-item-05 .product-item__image img {
  height: 250px;
}
.product-item.product-item-05 .product-item__meta {
  bottom: -20px;
}
.product-item.product-item-05 .product-item__meta a:hover {
  background-color: #BC8157;
  border-color: #BC8157;
}
.product-item.product-item-05 .product-item__content {
  padding-bottom: 40px;
}
.product-item.product-item-05 .product-item__title {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.product-item.product-item-05 .product-item__title a:hover {
  color: #C2943A;
}
.product-item.product-item-05 .product-item__price {
  font-family: "Inter", sans-serif;
  color: #555555;
  font-size: 16px;
}
.product-item.product-item-06 .product-item__image {
  width: 100%;
}
.product-item.product-item-06 .product-item__meta {
  top: 60%;
}
.product-item.product-item-06 .product-item__meta a:hover {
  background-color: #BC8157;
  border-color: #BC8157;
}
.product-item.product-item-06 .product-item__content {
  padding: 0 50px 50px 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.product-item-06 .product-item__content {
    padding: 0 25px 30px 25px;
  }
}
.product-item.product-item-06 .product-item__title {
  font-size: 21px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.3;
  margin-bottom: 15px;
}
.product-item.product-item-06 .product-item__title a:hover {
  color: #C2943A;
}
.product-item.product-item-06 .product-item__text {
  color: #858585;
  font-size: 14px;
  margin-bottom: 20px;
}
.product-item.product-item-06 .product-item__price {
  font-family: "Inter", sans-serif;
  color: #555555;
  font-size: 20px;
  margin-bottom: 20px;
}
.product-item.product-item-06 .product-item__btn {
  background-color: #333333;
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 22px;
  font-weight: 700;
  line-height: 1.42;
  color: white;
}
.product-item.product-item-06 .product-item__btn:hover {
  background-color: #BC8157;
}
.product-item.product-item-07 .product-item__image {
  width: 100%;
}
.product-item.product-item-07 .product-item__content {
  padding: 30px 0 0;
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-07 .product-item__content {
    padding: 20px 0 0;
  }
}
.product-item.product-item-07 .product-item__title {
  font-size: 22px;
  font-family: "Comfortaa", cursive;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.1;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item.product-item-07 .product-item__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.product-item-07 .product-item__title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-07 .product-item__title {
    font-size: 18px;
  }
}
.product-item.product-item-07 .product-item__title a:hover {
  color: #C2943A;
}
.product-item.product-item-07 .product-item__price {
  color: #93622b;
  font-size: 26px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item.product-item-07 .product-item__price {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.product-item-07 .product-item__price {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-07 .product-item__price {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .product-item.product-item-08 {
    max-width: 300px;
    margin: 0 auto;
  }
}
.product-item.product-item-08 .product-item__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  border-radius: 100%;
}
.product-item.product-item-08 .product-item__image .item-img {
  position: relative;
}
.product-item.product-item-08 .product-item__image .item-img::after {
  position: absolute;
  content: "";
  background-color: #212121;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.product-item.product-item-08 .product-item__content {
  padding: 40px 0 0;
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-08 .product-item__content {
    padding: 30px 0 0;
  }
}
.product-item.product-item-08 .product-item__title {
  font-size: 24px;
  font-family: "Montaga", serif;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.1;
  margin-bottom: 15px;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item.product-item-08 .product-item__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.product-item-08 .product-item__title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-08 .product-item__title {
    font-size: 18px;
  }
}
.product-item.product-item-08 .product-item__title a:hover {
  color: #C2943A;
}
.product-item.product-item-08 .product-item__price {
  color: #F8A969;
  font-size: 36px;
  font-family: "Fredericka the Great", cursive;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item.product-item-08 .product-item__price {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.product-item-08 .product-item__price {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-08 .product-item__price {
    font-size: 20px;
  }
}
.product-item.product-item-08:hover .product-item__image .item-img::after {
  opacity: 0.9;
  visibility: visible;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.product-item.product-item-09 {
  background-color: #ffffff;
  border: 2px solid #3D240D;
  padding: 40px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-item.product-item-09 {
    padding: 30px 20px;
  }
}
.product-item.product-item-09 .product-item__image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}
.product-item.product-item-09 .product-item__image .item-img {
  position: relative;
}
.product-item.product-item-09 .product-item__image .item-img::after {
  position: absolute;
  content: "";
  background-color: #212121;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.product-item.product-item-09 .product-item__title {
  font-size: 25px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: #3D240D;
  text-transform: capitalize;
  line-height: 1.3;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item.product-item-09 .product-item__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.product-item-09 .product-item__title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-09 .product-item__title {
    font-size: 18px;
  }
}
.product-item.product-item-09 .product-item__title a:hover {
  color: #ee6d2c;
}
.product-item.product-item-09 .product-item__price {
  color: #3D240D;
  font-size: 26px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item.product-item-09 .product-item__price {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.product-item-09 .product-item__price {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.product-item-09 .product-item__price {
    font-size: 20px;
  }
}
.product-item.product-item-09 .product-item__btn {
  font-size: 18px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
  text-transform: capitalize;
  padding: 12px 31px;
  line-height: 1.42;
  color: #F3E7E0;
  background-color: #3D240D;
}
.product-item.product-item-09 .product-item__btn:hover {
  background-color: #ee6d2c;
  color: #ffffff;
}

[class*=labtn-icon-] {
  font-family: "LaStudioIcons";
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  text-rendering: auto;
}

/* Product Tab Menu */
.product-tab-menu .nav {
  gap: 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-menu .nav {
    gap: 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .product-tab-menu .nav {
    gap: 0 40px;
  }
}
.product-tab-menu .nav > * {
  position: relative;
}
.product-tab-menu .nav > *::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 9px;
  background-color: #858585;
  left: -40px;
  top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-menu .nav > *::after {
    left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-tab-menu .nav > *::after {
    left: -20px;
  }
}
.product-tab-menu .nav > *:first-child::after {
  display: none;
}
.product-tab-menu .nav li button {
  border: 0;
  padding: 0;
  background: none;
  font-size: 19px;
  line-height: 1;
  color: #858585;
  position: relative;
  padding-bottom: 14px;
}
@media only screen and (max-width: 767px) {
  .product-tab-menu .nav li button {
    font-size: 16px;
  }
}
.product-tab-menu .nav li button::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50px;
  background-color: #BC8157;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-tab-menu .nav li button.active {
  color: #BC8157;
}
.product-tab-menu .nav li button.active::before {
  opacity: 1;
  visibility: visible;
}

.product-tab-menu-two {
  margin: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-tab-menu-two {
    margin: 40px 0px;
  }
}
.product-tab-menu-two .nav li button {
  color: #ffffff;
  font-family: "Montaga", serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 20px 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-menu-two .nav li button {
    padding: 10px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .product-tab-menu-two .nav li button {
    padding: 10px 20px;
    font-size: 18px;
  }
}
.product-tab-menu-two .nav li button.active {
  background-image: url(../images/shape/tab-menu-shape.png);
}

/* Product Item Style 01 */
.product-item-style-01 {
  overflow: hidden;
  border-radius: 36px;
  position: relative;
}
.product-item-style-01__image a {
  display: block;
}
.product-item-style-01__image img {
  width: 100%;
}
.product-item-style-01__meta {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.product-item-style-01__meta-action {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.product-item-style-01__meta-action + .product-item-style-01__meta-action {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.product-item-style-01__meta-action + .product-item-style-01__meta-action + .product-item-style-01__meta-action {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.product-item-style-01__meta-action a {
  width: 44px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: #BC8157;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item-style-01__meta-action a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
.product-item-style-01__meta-action a.shadow-1 {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.product-item-style-01__meta-action a:hover {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}
.product-item-style-01__meta-action .labtn-icon-quickview::before {
  content: "\ea49";
}
.product-item-style-01__meta-action .labtn-icon-cart::before {
  content: "\ea2c";
}
.product-item-style-01__meta-action .labtn-icon-wishlist::before {
  content: "\ea2b";
  bottom: -1px;
  position: relative;
}
.product-item-style-01__meta-action .labtn-icon-compare::before {
  content: "\ea03";
}
.product-item-style-01__content-wrapper {
  position: absolute;
  bottom: -100px;
  opacity: 0;
  visibility: hidden;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 20px 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-item-style-01__content {
  padding-right: 10px;
}
.product-item-style-01__title {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.product-item-style-01__rating {
  overflow: hidden;
  position: relative;
  line-height: 1;
  font-size: 14px;
  width: 6em;
  margin: 0 auto 6px;
  font-family: "LaStudioIcons";
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #B3BDBC;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.2em;
}
.product-item-style-01__rating::before {
  content: "\ea5e\ea5e\ea5e\ea5e\ea5e";
}
.product-item-style-01__star-rating {
  font-size: 14px;
  font-family: "LaStudioIcons";
  letter-spacing: 0.2em;
  color: #F5A623;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.product-item-style-01__star-rating::before {
  content: "\ea5e\ea5e\ea5e\ea5e\ea5e";
}
.product-item-style-01__price {
  color: #FF9D87;
  font-size: 18px;
  font-weight: 700;
  display: block;
  line-height: 1.4;
  margin-bottom: -4px;
}
.product-item-style-01__cart a {
  width: 44px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: #BC8157;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-item-style-01__cart a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
.product-item-style-01__cart a.shadow-1 {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.product-item-style-01__cart a:hover {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}
.product-item-style-01__cart .labtn-icon-cart::before {
  content: "\ea2c";
}
.product-item-style-01:hover .product-item-style-01__meta-action {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.product-item-style-01:hover .product-item-style-01__image-hover {
  opacity: 1;
  visibility: visible;
}
.product-item-style-01:hover .product-item-style-01__content-wrapper {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

/* Product Active */
.product-active, .product-active-two, .product-active-three {
  position: relative;
}
.product-active .swiper-button-next, .product-active .swiper-button-prev, .product-active-two .swiper-button-next, .product-active-two .swiper-button-prev, .product-active-three .swiper-button-next, .product-active-three .swiper-button-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #fff;
  color: #212121;
  width: 40px;
  height: 40px;
  font-size: 16px;
  text-align: center;
}
.product-active .swiper-button-next::after, .product-active .swiper-button-prev::after, .product-active-two .swiper-button-next::after, .product-active-two .swiper-button-prev::after, .product-active-three .swiper-button-next::after, .product-active-three .swiper-button-prev::after {
  display: none;
}
.product-active .swiper-button-next:hover, .product-active .swiper-button-prev:hover, .product-active-two .swiper-button-next:hover, .product-active-two .swiper-button-prev:hover, .product-active-three .swiper-button-next:hover, .product-active-three .swiper-button-prev:hover {
  background-color: #FF9D87;
  color: #fff;
}
.product-active .swiper-button-next, .product-active-two .swiper-button-next, .product-active-three .swiper-button-next {
  right: 0;
}
.product-active .swiper-button-prev, .product-active-two .swiper-button-prev, .product-active-three .swiper-button-prev {
  left: 0;
}

/* Product Products */
.featured-product-item__content + .featured-product-item__content {
  margin-top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .featured-product-item__content + .featured-product-item__content {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .featured-product-item__content + .featured-product-item__content {
    margin-top: 15px;
  }
}
.featured-product-item__content p {
  color: #858585;
  font-size: 14px;
  line-height: 1.8em;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .featured-product-item__content p {
    font-size: 12px;
  }
}
.featured-product-item__title {
  margin-bottom: 15px;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .featured-product-item__title {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .featured-product-item__title {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.featured-product-item__image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.featured-product-item__image .image {
  margin: 0 -30px;
}
.featured-product-item__iconbox {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 30px;
  background-color: #fff;
  padding: 5px 5px 5px 25px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  -ms-grid-row-align: center;
  align-items: center;
}
.featured-product-item__iconbox:hover .featured-product-item__iconbox-icon {
  background-color: #212121;
}
.featured-product-item__iconbox-icon {
  color: #fff;
  background-color: #FF9D87;
  border-radius: 50%;
  font-size: 30px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.featured-product-item__iconbox-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-top: 3px;
}
.featured-product-item__iconbox-desc {
  color: #858585;
  font-size: 12px;
  font-weight: 500;
}

/* Product Product Active */
.featured-product-active {
  position: relative;
  padding-bottom: 50px;
}
.featured-product-active .swiper-pagination {
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  z-index: 7;
}
.featured-product-active .swiper-pagination .swiper-pagination-bullet {
  outline: none;
  background-color: #212121;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 8px;
  height: 8px;
  display: block;
  position: relative;
}
.featured-product-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* Product Item  */
.product-list__title {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-list__title {
    font-size: 26px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-list__title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
.product-list__title::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 3px;
  background-color: #212121;
  left: 0;
  bottom: 0;
}

/* Product Item  */
.product-list-item {
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-list-item + .product-list-item {
  margin-top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-list-item + .product-list-item {
    margin-top: 40px;
  }
}
.product-list-item__badge {
  position: absolute;
  top: 15px;
  left: -12px;
  background-color: #BC8157;
  color: #fff;
  font-size: 12px;
  font-family: "Montaga", serif;
  text-transform: uppercase;
  min-width: 60px;
  text-align: center;
  padding: 1px 25px 2px 15px;
  z-index: 1;
}
.product-list-item__badge::after {
  position: absolute;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff;
  right: 0;
  content: "";
  top: 0;
}
.product-list-item__badge::before {
  content: "";
  left: 0;
  top: 100%;
  border-left: 12px solid transparent;
  border-top: 6px solid #212121;
  height: 0;
  width: 0;
  position: absolute;
}
.product-list-item__thumbnail {
  position: relative;
  width: 40%;
}
.product-list-item__thumbnail > a {
  display: block;
  position: relative;
  padding-bottom: 100%;
}
.product-list-item__thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.product-list-item__image-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-list-item__meta {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.product-list-item__meta.meta-middle {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: auto;
}
.product-list-item__meta-action {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.product-list-item__meta-action + .product-list-item__meta-action {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.product-list-item__meta-action + .product-list-item__meta-action + .product-list-item__meta-action {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.product-list-item__meta-action a {
  width: 44px;
  height: 44px;
  line-height: 42px;
  font-size: 16px;
  color: #212121;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  text-align: center;
  border-radius: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-list-item__meta-action a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
.product-list-item__meta-action a.shadow-1 {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.product-list-item__meta-action a:hover {
  background-color: #BC8157;
  border-color: #BC8157;
  color: #fff;
}
.product-list-item__meta-action .labtn-icon-quickview::before {
  content: "\ea49";
}
.product-list-item__meta-action .labtn-icon-cart::before {
  content: "\ea2c";
}
.product-list-item__meta-action .labtn-icon-wishlist::before {
  content: "\ea2b";
  bottom: -1px;
  position: relative;
}
.product-list-item__meta-action .labtn-icon-compare::before {
  content: "\ea03";
}
.product-list-item__info {
  width: 60%;
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-list-item__info {
    padding-left: 15px;
  }
}
.product-list-item__title {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.product-list-item__price {
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  line-height: 1.4;
  margin-bottom: 8px;
}
.product-list-item__rating {
  overflow: hidden;
  position: relative;
  line-height: 1;
  font-size: 13px;
  width: 6em;
  margin: 0 auto 10px;
  font-family: "LaStudioIcons";
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #B3BDBC;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.2em;
}
.product-list-item__rating::before {
  content: "\ea5e\ea5e\ea5e\ea5e\ea5e";
}
.product-list-item__star-rating {
  font-size: 13px;
  font-family: "LaStudioIcons";
  letter-spacing: 0.2em;
  color: #FFE604;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.product-list-item__star-rating::before {
  content: "\ea5e\ea5e\ea5e\ea5e\ea5e";
}
.product-list-item p {
  color: #858585;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-list-item p {
    font-size: 12px;
  }
}
.product-list-item:hover .product-list-item__meta-action {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.product-list-item:hover .product-list-item__image-hover {
  opacity: 1;
  visibility: visible;
}

/* Product row */
.product-row {
  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: 767px) {
  .product-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.product-row .product-wrapper {
  max-width: 68.665%;
  width: 100%;
  margin-bottom: -20px;
}
@media only screen and (max-width: 767px) {
  .product-row .product-wrapper {
    max-width: 100%;
  }
}
.product-row .boxbanner-wrapper {
  max-width: 31.333%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .product-row .boxbanner-wrapper {
    max-width: 100%;
  }
}

/* Product Deal Section */
.deal-two_bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.deal-two_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deal-two_subtitle {
  color: #ee6d2c;
  font-size: 21px;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 10px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .deal-two_subtitle {
    font-size: 18px;
  }
}
.deal-two_title {
  color: #F3E7E0;
  font-family: "Playfair Display", serif;
  font-size: 46px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .deal-two_title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.deal-two_price {
  color: #F3E7E0;
  font-family: "Playfair Display", serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .deal-two_price {
    font-size: 40px;
  }
}
.deal-two_price span {
  font-size: 30px;
  position: relative;
  margin-right: 15px;
  margin-top: -10px;
}
.deal-two_meta {
  position: relative;
  left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  bottom: 0;
}
.deal-two_meta .product-item__meta-action {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.deal-two_meta .product-item__meta-action a {
  text-align: center;
  background-color: #F3E7E0;
  color: #ee6d2c;
  border-radius: 100%;
  font-size: 22px;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .deal-two_meta .product-item__meta-action a {
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.deal-two_meta .product-item__meta-action a:hover {
  background-color: #ee6d2c;
  color: #ffffff;
}
.deal-two_images {
  position: relative;
}
.deal-two_sale {
  position: absolute;
  right: -47px;
  top: 24px;
  max-width: 180px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .deal-two_sale {
    max-width: 120px;
    right: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-two_sale {
    max-width: 70px;
    right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-two_sale {
    max-width: 100px;
    right: 0px;
  }
}

/* Product Countdown */
.countdown-wrapper .single-countdown {
  display: inline-block;
  margin-right: 30px;
  padding-right: 30px;
  margin-bottom: 5px;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .countdown-wrapper .single-countdown {
    margin-right: 20px;
    padding-right: 20px;
  }
}
.countdown-wrapper .single-countdown:after {
  content: ":";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 30px;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .countdown-wrapper .single-countdown:after {
    font-size: 20px;
  }
}
.countdown-wrapper .single-countdown:last-child {
  margin-right: 0;
  padding-right: 0;
}
.countdown-wrapper .single-countdown:last-child:after {
  display: none;
}
.countdown-wrapper .single-countdown .single-countdown_time {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #ee6d2c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .countdown-wrapper .single-countdown .single-countdown_time {
    font-size: 30px;
  }
}
.countdown-wrapper .single-countdown .single-countdown_text {
  font-weight: 400;
  color: #fff;
  font-size: 20px;
  font-family: "Playfair Display", serif;
  text-transform: capitalize;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .countdown-wrapper .single-countdown .single-countdown_text {
    font-size: 16px;
  }
}

/* Product Background Shape */
.product-shape-one {
  position: absolute;
  left: 0;
  z-index: 0;
  top: 25%;
  width: 100%;
  max-width: 632px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-shape-one {
    max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-shape-one {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .product-shape-one {
    max-width: 200px;
  }
}

.product-shape-two {
  position: absolute;
  right: 0;
  width: 100%;
  max-width: 290px;
  z-index: 0;
  top: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-shape-two {
    max-width: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-shape-two {
    max-width: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .product-shape-two {
    max-width: 100px;
  }
}

.product-shape-three {
  position: absolute;
  right: 10%;
  z-index: 0;
  width: 100%;
  max-width: 580px;
  bottom: 5%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-shape-three {
    max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-shape-three {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .product-shape-three {
    max-width: 200px;
  }
}

/*----------------------------------------*/
/*  03 - 03 Call to Action CSS
/*----------------------------------------*/
.call-to-action {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.call-to-action-box {
  background-color: #2F1E12;
  padding: 70px 60px;
  max-width: 720px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 767px) {
  .call-to-action-box {
    padding: 40px;
  }
}
.call-to-action-box__title {
  text-transform: uppercase;
  font-size: 24px;
}
@media only screen and (min-width: 1600px) {
  .call-to-action-box__title {
    font-size: 46px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-box__title {
    font-size: 20px;
  }
}
.call-to-action-box__title span {
  position: relative;
  padding-right: 15px;
  line-height: 1;
}
.call-to-action-box__title span::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -62px;
  width: 62px;
  height: 1.8px;
  background-color: #fff;
}
@media only screen and (max-width: 575px) {
  .call-to-action-box__title span::after {
    width: 42px;
    right: -42px;
    height: 1px;
  }
}
.call-to-action-box__list {
  margin: 0;
  padding-left: 18px;
  font-size: 16px;
}
@media only screen and (min-width: 1600px) {
  .call-to-action-box__list {
    font-size: 18px;
  }
}
.call-to-action-box__list li {
  margin-top: 30px;
}
.call-to-action-box__list li u {
  font-weight: 600;
}

.call-to-action-more {
  padding: 6vw;
}
.call-to-action-more__arrow {
  z-index: 1;
  position: relative;
  font-size: 30px;
}
@media only screen and (min-width: 1600px) {
  .call-to-action-more__arrow {
    font-size: 46px;
  }
}
.call-to-action-more__arrow:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
          transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.call-to-action-more__svg {
  -webkit-animation: rotation 8s infinite linear;
  width: 155px;
}
@media only screen and (min-width: 1600px) {
  .call-to-action-more__svg {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action-more__svg {
    width: 140px;
  }
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.call-to-action-02 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.call-to-action-02::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #212121;
  opacity: 0.7;
  top: 0;
  left: 0;
  z-index: -1;
}

.call-to-action-02-content {
  max-width: 660px;
  margin: 0 auto;
}
.call-to-action-02-content__sub-title {
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .call-to-action-02-content__sub-title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-02-content__sub-title {
    font-size: 20px;
  }
}
.call-to-action-02-content__title {
  font-size: 46px;
  text-transform: uppercase;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .call-to-action-02-content__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-02-content__title {
    font-size: 24px;
  }
}
.call-to-action-02-content .btn {
  margin-top: 50px;
}
@media only screen and (min-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .call-to-action-02-content .btn {
    min-width: 165px;
  }
}
@media only screen and (max-width: 575px) {
  .call-to-action-02-content .btn {
    margin-top: 30px;
  }
}

.call-to-action-02-meta {
  background-color: rgba(33, 33, 33, 0.68);
}
@media only screen and (max-width: 767px) {
  .call-to-action-02-meta {
    padding: 10px 0;
  }
}
.call-to-action-02-meta-item {
  height: 80px;
  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;
}
@media only screen and (max-width: 767px) {
  .call-to-action-02-meta-item {
    height: 50px;
  }
}
.call-to-action-02-meta-item a {
  font-size: 20px;
  font-family: "Montaga", serif;
  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: 767px) {
  .call-to-action-02-meta-item a {
    font-size: 16px;
  }
}
.call-to-action-02-meta-item__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  line-height: 0;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .call-to-action-02-meta-item__icon {
    font-size: 18px;
  }
}
.call-to-action-02-meta-item__text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10px;
}

.callto-action-03 {
  background-color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.callto-action-03_icon {
  color: #ffffff;
  background-color: #8D6443;
  font-size: 40px;
  height: 110px;
  width: 110px;
  line-height: 110px;
  margin-right: 15px;
  display: inline-block;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.callto-action-03_icon svg {
  width: 1em;
  height: 1em;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .callto-action-03_icon {
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 36px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .callto-action-03_icon {
    height: 80px;
    width: 80px;
    line-height: 80px;
    font-size: 30px;
    margin-right: 6px;
  }
}
.callto-action-03_content {
  padding: 10px 30px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .callto-action-03_content {
    padding: 10px;
  }
}
.callto-action-03__title {
  margin: 0 0 10px 0;
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Montaga", serif;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .callto-action-03__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .callto-action-03__title {
    font-size: 18px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .callto-action-03__title {
    font-size: 17px;
    margin-bottom: 2px;
  }
}
.callto-action-03__text {
  color: #ffffff;
  font-family: "Montaga", serif;
  font-size: 14px;
}
.callto-action-03:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: #8D6443;
}
.callto-action-03:hover .callto-action-03_icon {
  background-color: #ffffff;
  color: #8D6443;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* Call to Action 04 */
.callto-action-04 {
  min-height: 720px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.callto-action-04::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(33, 33, 33, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .callto-action-04 {
    min-height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .callto-action-04 {
    min-height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .callto-action-04 {
    min-height: 300px;
  }
}
.callto-action-04 .call-to-action-more {
  position: relative;
  z-index: 9;
}

/*----------------------------------------*/
/*  03 - 04 Brand CSS
/*----------------------------------------*/
.brand-section {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 1600px) {
  .brand-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.brand-item {
  padding: 20px;
  text-align: center;
}
.brand-item img {
  width: 100px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.brand-item:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.brand-active-two .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.brand-active-two .swiper-slide {
  height: 130px;
  padding: 0px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .brand-active-two .swiper-slide {
    padding: 0 10px;
  }
}

.brand-item-two {
  text-align: center;
  border: 1px solid #BCBCBC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.brand-item-two img {
  max-width: 100%;
  width: 50%;
  height: auto;
  max-height: 80px;
  margin: 24px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.brand-item-two:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*----------------------------------------*/
/*  03 - 05 Banner CSS
/*----------------------------------------*/
.banner-item {
  width: 100%;
  height: 260px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1600px) {
  .banner-item {
    height: 430px;
  }
}
.banner-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.46);
  z-index: -1;
}
.banner-item__content {
  padding: 4.5vw;
}
.banner-item__title {
  font-size: 32px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1600px) {
  .banner-item__title {
    font-size: 60px;
    margin-bottom: 35px;
  }
}
.banner-item__btn {
  font-size: 15px;
/*  border-bottom: 2px solid #fff;*/
  padding-bottom: 5px;
}
.banner-item__badge {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px 30px 0 0;
  font-weight: 200;
  line-height: 1;
  font-size: 24px;
}
@media only screen and (min-width: 1600px) {
  .banner-item__badge {
    font-size: 48px;
  }
}
.banner-item:hover {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}

/* Ad Banner One Style */
.boxbanner-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 45px 45px 45px 45px;
  min-height: 440px;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .boxbanner-bg {
    min-height: 410px;
  }
}
@media only screen and (max-width: 767px) {
  .boxbanner-bg {
    min-height: 300px;
    margin-bottom: 60px;
  }
}

.boxbanner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.boxbanner-subtitle {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  background-color: white;
  border-radius: 10px;
  color: #212121;
  font-size: 12px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  padding: 5px 20px;
}
.boxbanner-title {
  margin: 30px 0 10px;
  color: white;
  font-size: 36px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .boxbanner-title {
    font-size: 30px;
    margin: 20px 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .boxbanner-title {
    font-size: 26px;
    margin: 20px 0 10px;
  }
}
.boxbanner-discount {
  color: white;
  font-size: 96px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .boxbanner-discount {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .boxbanner-discount {
    font-size: 60px;
  }
}
.boxbanner-discount-two {
  color: #212121;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
}
.boxbanner-btn {
  padding: 18px 18px 18px 18px;
  background-color: #212121;
  color: white;
  font-size: 12px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  line-height: 0.8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.boxbanner-btn i {
  font-size: 10px;
  vertical-align: middle;
  margin-left: 5px;
}
.boxbanner-btn:hover {
  background-color: #BC8157;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.boxbanner-btn-area {
  position: absolute;
  bottom: 44px;
  right: 44px;
}
.boxbanner-two {
  position: absolute;
  bottom: 16%;
  left: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .boxbanner-two {
    bottom: 20%;
    left: 8%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .boxbanner-two {
    bottom: 25%;
    left: 8%;
  }
}
@media only screen and (max-width: 479px) {
  .boxbanner-two {
    bottom: 35%;
  }
}

.sell-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sell-banner_bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  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;
  width: 100%;
  padding: 45px;
}
@media only screen and (max-width: 767px) {
  .sell-banner_bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sell-banner_content {
  max-width: 40%;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sell-banner_content {
    max-width: 100%;
  }
}
.sell-banner_subtitle {
  color: #ffffff;
  font-family: "Montaga", serif;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sell-banner_subtitle {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sell-banner_subtitle {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sell-banner_subtitle {
    font-size: 18px;
  }
}
.sell-banner_title {
  color: #ffffff;
  font-family: "Fredericka the Great", cursive;
  font-size: 83px;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 30px;
  display: block;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sell-banner_title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sell-banner_title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sell-banner_title {
    font-size: 50px;
  }
}
.sell-banner_offer {
  max-width: 60%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .sell-banner_offer {
    max-width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.sell-banner_circle {
  width: 150px;
  height: 150px;
  padding: 30px 20px;
  background-color: #ffffff;
  border-radius: 100%;
  -webkit-box-shadow: -13px 4px 0 0 #000000;
          box-shadow: -13px 4px 0 0 #000000;
  text-align: left;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  margin-top: -50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sell-banner_circle {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sell-banner_circle {
    margin-left: 0px;
    margin-top: 40px;
    width: 120px;
    height: 120px;
    padding: 20px;
  }
}
.sell-banner_offertext {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #858585;
}
@media only screen and (max-width: 767px) {
  .sell-banner_offertext {
    font-size: 15px;
  }
}
.sell-banner_offernum {
  color: #F8A969;
  font-size: 52px;
  font-weight: 600;
  letter-spacing: -3px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .sell-banner_offernum {
    font-size: 40px;
  }
}

/* Shop Banner */
.shop-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-banner {
    padding: 140px 0px 80px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-banner {
    padding: 100px 0px 100px;
  }
}
@media only screen and (max-width: 575px) {
  .shop-banner {
    padding: 100px 0px 60px;
  }
}
.shop-banner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.1);
  content: "";
  z-index: 1;
}
.shop-banner_one {
  position: absolute;
  max-width: 468px;
  width: 100%;
  bottom: 10%;
  z-index: 2;
}
.shop-banner_one__border {
  border: 1px solid #ffffff;
  padding: 0% 0% 58%;
  position: absolute;
  left: -40px;
  top: 15%;
  max-width: 440px;
  width: 100%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .shop-banner_one__border {
    left: -10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .shop-banner_one {
    left: 30px;
    max-width: 360px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-banner_one {
    left: 30px;
    max-width: 290px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-banner_one {
    left: 15px;
    max-width: 315px;
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .shop-banner_one {
    left: 0px;
    margin: 30px auto 0;
    position: relative;
    max-width: 360px;
  }
}
@media only screen and (max-width: 575px) {
  .shop-banner_one {
    left: 0px;
    max-width: 360px;
    position: relative;
    margin: 30px auto 0;
  }
}
@media only screen and (max-width: 479px) {
  .shop-banner_one {
    max-width: 360px;
  }
}
.shop-banner_social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  position: relative;
  z-index: 2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .shop-banner_social {
    margin-top: 20px;
  }
}
.shop-banner_social li a {
  text-transform: uppercase;
  color: #ffffff;
  margin-right: 50px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.shop-banner_social li a:hover {
  color: #FF9457;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-banner_social li a {
    margin-right: 30px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-banner_social li a {
    margin-right: 20px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-banner_social li a {
    margin-right: 15px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .shop-banner_social li a {
    margin-right: 10px;
    font-size: 10px;
  }
}
.shop-banner_social li:last-child a {
  margin-right: 0px;
}
.shop-banner_two {
  position: relative;
  z-index: 2;
  max-width: 356px;
  width: 100%;
  margin-left: auto;
  margin-right: 10px;
}
.shop-banner_two::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.6;
  content: "";
  right: -40px;
  bottom: -30px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .shop-banner_two::after {
    right: -20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-banner_two::after {
    right: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-banner_two::after {
    right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-banner_two::after {
    right: -10px;
    bottom: -15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .shop-banner_two {
    max-width: 300px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-banner_two {
    max-width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-banner_two {
    max-width: 156px;
    margin-right: auto;
  }
}
@media only screen and (max-width: 575px) {
  .shop-banner_two {
    max-width: 156px;
    margin-right: auto;
  }
}
@media only screen and (max-width: 479px) {
  .shop-banner_two {
    max-width: 156px;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .shop-banner_content {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .shop-banner_content {
    margin-bottom: 30px;
  }
}
.shop-banner_content .section-title-09__title {
  font-size: 92px;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .shop-banner_content .section-title-09__title {
    font-size: 64px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-banner_content .section-title-09__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-banner_content .section-title-09__title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-banner_content .section-title-09__title {
    font-size: 40px;
  }
}

/* Menu Banner */
.menu-banner {
  padding: 80px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-banner_image {
  padding: 40px;
  width: 84%;
  border: 1px solid #ffffff;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menu-banner_image {
    padding: 30px;
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .menu-banner_image {
    padding: 20px;
    width: 65%;
    margin-bottom: 40px;
  }
}
.menu-banner_image .banner-add-btn {
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.menu-banner_image .banner-name-style {
  position: absolute;
  bottom: -4%;
  right: -10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-banner_image .banner-name-style {
    bottom: -5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menu-banner_image .banner-name-style {
    bottom: -6%;
  }
}
@media only screen and (max-width: 767px) {
  .menu-banner_image .banner-name-style {
    bottom: -4%;
  }
}

.banner-add-btn {
  height: 100px;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  color: #858585;
  font-size: 50px;
  border-radius: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-add-btn {
    height: 60px;
    width: 60px;
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-add-btn {
    height: 50px;
    width: 50px;
    font-size: 30px;
  }
}

.banner-name-style {
  color: #FF9457;
  font-family: "Yellowtail", cursive;
  font-size: 144px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-name-style {
    font-size: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-name-style {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-name-style {
    font-size: 80px;
  }
}

/* Gift banner */
.gift-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .gift-banner {
    height: 100vh;
  }
}
.gift-banner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  z-index: 1;
}
.gift-banner .section-title-09__text {
  font-size: 14px;
  color: #858585;
}
.gift-banner_info {
  margin: 40px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gift-banner_info {
    margin: 40px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .gift-banner_info {
    margin: 40px 0 20px;
  }
}
.gift-banner_offer {
  margin-right: 70px;
}

/* Portfolio Banner */
.portfolio-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.portfolio-banner_image {
  position: relative;
}
.portfolio-banner_image::after {
  position: absolute;
  width: 95%;
  height: 100%;
  right: 0;
  top: 7%;
  border: 1px solid #ffffff;
  content: "";
  z-index: 1;
}
.portfolio-banner_image__thumb {
  position: relative;
  z-index: 3;
  width: 90%;
}
.portfolio-banner_image .banner-add-btn {
  position: absolute;
  left: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-banner_image .banner-add-btn {
    left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio-banner_image .banner-add-btn {
    height: 70px;
    width: 70px;
    left: 50%;
    top: -35px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.portfolio-banner_image .banner-name-style-2 {
  color: #FF9457;
  font-family: "Yellowtail", cursive;
  position: absolute;
  bottom: -8%;
  right: -10px;
  z-index: 4;
  font-size: 72px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-banner_image .banner-name-style-2 {
    bottom: -13%;
    z-index: 4;
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio-banner_image .banner-name-style-2 {
    bottom: -13%;
    z-index: 4;
    font-size: 40px;
  }
}
@media only screen and (max-width: 479px), only screen and (max-width: 575px) {
  .portfolio-banner_image .banner-name-style-2 {
    bottom: -13%;
    z-index: 4;
    font-size: 30px;
  }
}
.portfolio-banner .section-title-09 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: start;
}
@media only screen and (max-width: 767px) {
  .portfolio-banner .section-title-09 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}

/* Newsletter Banner */
.newsletter-banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newsletter-banner .section-title-09 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}
.newsletter-banner .section-title-09__title {
  font-size: 46px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-banner .section-title-09__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-banner .section-title-09__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-banner .section-title-09__title {
    font-size: 30px;
  }
}
.newsletter-banner_form {
  text-align: center;
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: 80px auto 60px;
}
.newsletter-banner_form__field {
  border: 0px;
  border-bottom: 1px solid #858585;
  background-color: transparent;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 15px 0;
  width: 100%;
}
.newsletter-banner_form__btn {
  position: absolute;
  right: 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
  border: 0;
  background-color: transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 15px 0;
}
.newsletter-banner_form__btn:hover {
  color: #ee6d2c;
}

/*----------------------------------------*/
/*  03 - 06 Instagram CSS
/*----------------------------------------*/
.instagram-title__title {
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 32px;
}
@media only screen and (min-width: 1600px) {
  .instagram-title__title {
    font-size: 46px;
  }
}
@media only screen and (max-width: 575px) {
  .instagram-title__title {
    font-size: 26px;
  }
}
.instagram-title__sub-title {
  font-family: "Montaga", serif;
  font-size: 16px;
}
@media only screen and (min-width: 1600px) {
  .instagram-title__sub-title {
    font-size: 19px;
  }
}

.instagram-active {
  width: calc((100vw - 1440px) / 2 + 100% - 25px);
  min-width: calc((100vw - 1440px) / 2 + 100% - 25px);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .instagram-active {
    width: calc((100vw - 1120px) / 2 + 100% - 25px);
    min-width: calc((100vw - 1120px) / 2 + 100% - 25px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .instagram-active {
    width: calc((100vw - 960px) / 2 + 100% - 25px);
    min-width: calc((100vw - 960px) / 2 + 100% - 25px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram-active {
    width: calc((100vw - 688px) / 2 + 100% - 0px);
    min-width: calc((100vw - 688px) / 2 + 100% - 0px);
  }
}
@media only screen and (max-width: 767px) {
  .instagram-active {
    width: 100%;
    max-width: 100%;
  }
}
.instagram-active .swiper {
  padding-left: 0;
  padding-right: 15%;
}
@media only screen and (max-width: 767px) {
  .instagram-active .swiper {
    padding-right: 0;
  }
}

.instagram-item a {
  position: relative;
}
.instagram-item__image {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.instagram-item__image::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.instagram-item__image img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.instagram-item__icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  text-align: center;
  z-index: 2;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.21, 0.75, 0.27, 0.96);
  transition: opacity 0.5s cubic-bezier(0.21, 0.75, 0.27, 0.96);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.instagram-item:hover .instagram-item__image::before {
  opacity: 0.6;
}
.instagram-item:hover .instagram-item__image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.instagram-item:hover .instagram-item__icon {
  opacity: 1;
}

.instagram-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .instagram-two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.instagram-two-content {
  max-width: 33.33333%;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1;
          flex: 0 0 1;
  background: #212121;
  padding: 80px 30px;
  -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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid white;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .instagram-two-content {
    max-width: 100%;
    border-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .instagram-two-content {
    border-right: 0px;
  }
}
.instagram-two-title {
  font-size: 24px;
  font-weight: 700;
  color: white;
  line-height: 1;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .instagram-two-title {
    font-size: 20px;
  }
}
.instagram-two-follower {
  color: #FFC887;
  font-size: 52px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .instagram-two-follower {
    font-size: 40px;
  }
}
.instagram-two-text {
  text-align: center;
  color: #c4c4c4;
  width: 260px;
  max-width: 260px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .instagram-two-text {
    margin-bottom: 20px;
  }
}
.instagram-two-links {
  max-width: 66.6666%;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .instagram-two-links {
    max-width: 100%;
  }
}
.instagram-two-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: (minmax(auto, auto))[2];
  grid-template-rows: repeat(2, minmax(auto, auto));
  background-color: #212121;
}
.instagram-two-grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.instagram-two-grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.instagram-two-grid > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.instagram-two-grid > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.instagram-two-grid > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.instagram-two-grid > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
@media only screen and (max-width: 479px) {
  .instagram-two-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.instagram-two-grid .instagram-two-thumb:nth-child(2n+1) {
  -ms-grid-column: 1;
  grid-column: 1/1;
  -ms-grid-row: 2;
  grid-row: 2;
}
.instagram-two-grid .instagram-two-thumb:nth-child(2n+2) {
  -ms-grid-column: 2;
  grid-column: 2/2;
  -ms-grid-row: 2;
  grid-row: 2;
}
.instagram-two-grid .instagram-two-thumb:nth-child(2n+3) {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/span 3;
}
@media only screen and (max-width: 479px) {
  .instagram-two-grid .instagram-two-thumb:nth-child(2n+3) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
  }
}
.instagram-two-grid .instagram-two-thumb:nth-child(2n+4) {
  -ms-grid-column-span: 1;
  grid-column: 1 span/2;
  -ms-grid-row: 3;
  grid-row: 3;
}
.instagram-two-grid .instagram-two-thumb:nth-child(2n+5) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
}
.instagram-two-grid .instagram-two-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.instagram-two-thumb {
  position: relative;
  overflow: hidden;
}
.instagram-two-thumb i {
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.instagram-two-thumb:hover i {
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.instagram-two-thumb:hover img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*----------------------------------------*/
/*  03 - 07 Newsletter CSS
/*----------------------------------------*/
.newsletter-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .newsletter-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.newsletter {
  margin: 0 auto;
  max-width: 550px;
}
@media only screen and (min-width: 1600px) {
  .newsletter {
    max-width: 770px;
  }
}
.newsletter__title {
  text-transform: uppercase;
  margin-top: -5px;
  font-size: 32px;
}
@media only screen and (min-width: 1600px) {
  .newsletter__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter__title {
    font-size: 24px;
  }
}
.newsletter__form {
  margin-top: 40px;
  position: relative;
}
@media only screen and (min-width: 1600px) {
  .newsletter__form {
    margin-top: 50px;
  }
}
.newsletter__field {
  padding: 0 30px;
  padding-right: 155px;
  color: #212121;
  font-size: 16px;
  height: 58px;
  border-style: solid;
  border: 0;
  width: 100%;
  background-color: #fff;
}
@media only screen and (min-width: 1600px) {
  .newsletter__field {
    height: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter__field {
    font-size: 14px;
    padding-right: 130px;
  }
}
.newsletter__field::-webkit-input-placeholder {
  opacity: 1;
  color: #212121;
}
.newsletter__field:-moz-placeholder {
  opacity: 1;
  color: #212121;
}
.newsletter__field::-moz-placeholder {
  opacity: 1;
  color: #212121;
}
.newsletter__field:-ms-input-placeholder {
  opacity: 1;
  color: #212121;
}
.newsletter__btn {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: 0;
  height: 58px;
  padding: 0 30px;
  font-size: 22px;
  font-family: "Montaga", serif;
  color: #212121;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1600px) {
  .newsletter__btn {
    height: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter__btn {
    font-size: 18px;
  }
}
.newsletter__btn:hover {
  color: #BC8157;
}

.newsletter-two {
  margin: 0 auto;
  max-width: 900px;
  margin-top: -70px;
  padding: 35px 35px 0;
  background-color: white;
  position: relative;
  z-index: 9;
}
.newsletter-two__form {
  position: relative;
  border: 1px solid #dedede;
}
.newsletter-two__field {
  padding: 0 30px;
  padding-right: 155px;
  color: #212121;
  font-size: 16px;
  height: 58px;
  border-style: solid;
  border: 0;
  width: 100%;
  background-color: #fff;
}
@media only screen and (min-width: 1600px) {
  .newsletter-two__field {
    height: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-two__field {
    font-size: 14px;
    padding-right: 130px;
  }
}
.newsletter-two__field::-webkit-input-placeholder {
  opacity: 1;
  color: #212121;
}
.newsletter-two__field:-moz-placeholder {
  opacity: 1;
  color: #212121;
}
.newsletter-two__field::-moz-placeholder {
  opacity: 1;
  color: #212121;
}
.newsletter-two__field:-ms-input-placeholder {
  opacity: 1;
  color: #212121;
}
.newsletter-two__btn {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: 0;
  height: 58px;
  padding: 0 30px;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  color: #212121;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 700;
}
@media only screen and (min-width: 1600px) {
  .newsletter-two__btn {
    height: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-two__btn {
    font-size: 18px;
  }
}
.newsletter-two__btn:hover {
  color: #BC8157;
}

.newsletter-three {
  padding: 140px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-three {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-three {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-three {
    padding: 60px 0;
  }
}
.newsletter-three .section-title-07 {
  max-width: 400px;
  width: 100%;
}
.newsletter-three .section-title-07__title {
  font-size: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-three .section-title-07__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-three .section-title-07__title {
    font-size: 30px;
  }
}
.newsletter-three__form {
  position: relative;
  border: 1px solid rgba(222, 222, 222, 0.6);
  max-width: 600px;
  width: 100%;
  margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-three__form {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-three__form {
    margin-top: 40px;
  }
}
.newsletter-three__field {
  padding: 0 30px;
  padding-right: 80px;
  color: #ffffff;
  font-size: 16px;
  font-family: "Montaga", serif;
  height: 58px;
  border: 0;
  width: 100%;
  background-color: transparent;
}
@media only screen and (min-width: 1600px) {
  .newsletter-three__field {
    height: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-three__field {
    font-size: 14px;
    padding-right: 80px;
  }
}
.newsletter-three__field::-webkit-input-placeholder {
  opacity: 1;
  color: #ffffff;
}
.newsletter-three__field:-moz-placeholder {
  opacity: 1;
  color: #ffffff;
}
.newsletter-three__field::-moz-placeholder {
  opacity: 1;
  color: #ffffff;
}
.newsletter-three__field:-ms-input-placeholder {
  opacity: 1;
  color: #ffffff;
}
.newsletter-three__btn {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: 0;
  height: 58px;
  padding: 0 30px;
  color: #dedede;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1600px) {
  .newsletter-three__btn {
    height: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-three__btn {
    font-size: 18px;
  }
}
.newsletter-three__btn:hover {
  color: #BC8157;
}

/*----------------------------------------*/
/*  03 - 08 Features Card CSS
/*----------------------------------------*/
.features-card-wrapper {
  padding: 35px;
  margin-top: -290px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .features-card-wrapper {
    margin-top: -180px;
    padding: 20px;
  }
}

.features-card-item {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.features-card-item__image a {
  display: block;
  overflow: hidden;
}
.features-card-item__image img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.features-card-item__inner {
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .features-card-item__inner {
    padding: 15px;
  }
}
.features-card-item__title {
  padding-top: 5px;
  padding-bottom: 50px;
  text-transform: uppercase;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .features-card-item__title {
    font-size: 22px;
    padding-bottom: 30px;
  }
}
.features-card-item__title::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon/icon-1.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .features-card-item__title::after {
    bottom: 10px;
    width: 40px;
  }
}
.features-card-item p {
  font-size: 14px;
}
.features-card-item__btn {
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .features-card-item__btn {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
  }
}
.features-card-item__btn.btn-color-01 {
  background-color: #4F1818;
}
.features-card-item__btn.btn-color-02 {
  background-color: #830E0E;
}
.features-card-item__btn.btn-color-03 {
  background-color: #80430C;
}
.features-card-item__btn:hover {
  color: #fff;
  background-color: #212121;
}
.features-card-item:hover .features-card-item__image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.features-card-item-02__icon .svg-icon {
  width: 121px;
  height: 121px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 40px;
  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;
}
.features-card-item-02__icon svg {
  width: 1em;
  height: 1em;
}
.features-card-item-02__content {
  margin-top: 35px;
  max-width: 260px;
}
.features-card-item-02__title {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .features-card-item-02__title {
    font-size: 18px;
  }
}
.features-card-item-02 p {
  margin-top: 12px;
  font-size: 14px;
  color: #858585;
}

/*----------------------------------------*/
/*  03 - 09 Hot Product CSS
/*----------------------------------------*/
.hot-product-section {
  background-image: url(../images/hot-product/hot-product-bg.png);
  background-position: -18% 90%;
  background-repeat: no-repeat;
  background-size: 25% auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-product-section {
    background-position: -26% 90%;
  }
}

.hot-product-content-active {
  max-width: 550px;
}

.hot-product-content-title {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.hot-product-content-item__title {
  font-size: 50px;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-product-content-item__title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-product-content-item__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hot-product-content-item__title {
    font-size: 36px;
  }
}
.hot-product-content-item__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.hot-product-content-item__heading-label {
  color: #212121;
  font-family: "Montaga", serif;
  font-size: 24px;
  line-height: 1;
}
.hot-product-content-item__heading-value {
  color: #830E0E;
  font-family: "Montaga", serif;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 1;
}
.hot-product-content-item p {
  margin-top: 35px;
  font-size: 18px;
  color: #858585;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
  .hot-product-content-item p {
    font-size: 16px;
  }
}
.hot-product-content-item__btn {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .hot-product-content-item__btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1600px) {
  .hot-product-content-item__btn {
    height: 68px;
    line-height: 66px;
    font-size: 18px;
    padding: 0px 45px;
  }
}

.hot-product-images-active {
  width: calc((100vw - 1440px) / 2 + 100%);
  min-width: calc((100vw - 1440px) / 2 + 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hot-product-images-active {
    width: calc((100vw - 1170px) / 2 + 100%);
    min-width: calc((100vw - 1170px) / 2 + 100%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-product-images-active {
    width: calc((100vw - 960px) / 2 + 100%);
    min-width: calc((100vw - 960px) / 2 + 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .hot-product-images-active {
    width: 100%;
    min-width: 100%;
  }
}
.hot-product-images-active .swiper-button-next, .hot-product-images-active .swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.46);
  color: rgba(0, 0, 0, 0.5);
  fill: rgba(0, 0, 0, 0.5);
  font-size: 22px;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  bottom: 20px;
  top: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
  .hot-product-images-active .swiper-button-next, .hot-product-images-active .swiper-button-prev {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
.hot-product-images-active .swiper-button-next::after, .hot-product-images-active .swiper-button-prev::after {
  display: none;
}
.hot-product-images-active .swiper-button-next.swiper-button-disabled, .hot-product-images-active .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.hot-product-images-active .swiper-button-next:hover, .hot-product-images-active .swiper-button-prev:hover {
  background-color: #fff;
  color: #212121;
}
.hot-product-images-active .swiper-button-next {
  left: 51%;
  right: auto;
}
.hot-product-images-active .swiper-button-prev {
  left: auto;
  right: 51%;
}

.hot-product-image-item {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.hot-product-image-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hot-product-image-item img {
  max-width: none;
  width: calc(100% + 50px);
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
          transform: translate3d(-40px, 0, 0);
}
.hot-product-image-item:hover::before {
  opacity: 0.4;
}
.hot-product-image-item:hover img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.bestitem {
  overflow: hidden;
}
.bestitem_image-one {
  position: relative;
}
.bestitem_image-one::after {
  position: absolute;
  content: "";
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FAEFE3), to(rgba(250, 239, 227, 0)));
  background-image: linear-gradient(180deg, #FAEFE3 0%, rgba(250, 239, 227, 0) 100%);
  max-width: 717px;
  width: 100%;
  height: 100%;
  max-height: 519px;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bestitem_image-one::after {
    max-height: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .bestitem_image-one::after {
    max-width: 100%;
  }
}
.bestitem_image-two {
  height: 100%;
  max-height: 660px;
  width: calc((100vw - 100%) / 2 + 100%);
  min-width: calc((100vw - 100%) / 2 + 100%);
}
.bestitem_image-two img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  position: relative;
}
.bestitem_content-right {
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .bestitem_content-right {
    margin-top: 30px;
    padding-left: 0px;
  }
}
.bestitem_content-left {
  padding-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .bestitem_content-left {
    margin-top: 30px;
    padding-right: 0px;
  }
}
.bestitem .btn-arrow {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bestitem .btn-arrow {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .bestitem .btn-arrow {
    margin-top: 20px;
  }
}
.bestitem-bg {
  background-repeat: no-repeat;
  background-position: center right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bestitem-bg {
    background-size: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bestitem-bg {
    background-size: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .bestitem-bg {
    background-size: 50%;
  }
}

/*----------------------------------------*/
/*  03 - 10 Counter CSS
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-section {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.counter-item__label {
  font-family: "Montaga", serif;
  font-size: 96px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 22px;
  display: block;
  margin-top: -12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .counter-item__label {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item__label {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item__label {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-item__label {
    font-size: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .counter-item__label {
    font-size: 28px;
  }
}
.counter-item__value {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .counter-item__value {
    font-size: 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-item__value {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-item__value {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-item__value {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .counter-item__value {
    font-size: 16px;
  }
}

/*----------------------------------------*/
/*  03 - 11 Testimonial CSS
/*----------------------------------------*/
.testimonial-active {
  max-width: 860px;
  margin: 0 auto;
  position: relative;
}
.testimonial-active .swiper-button-next, .testimonial-active .swiper-button-prev {
  color: rgba(133, 133, 133, 0.51);
  fill: rgba(133, 133, 133, 0.51);
  font-size: 24px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonial-active .swiper-button-next::after, .testimonial-active .swiper-button-prev::after {
  display: none;
}
.testimonial-active .swiper-button-next.swiper-button-disabled, .testimonial-active .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.testimonial-active .swiper-button-next:hover, .testimonial-active .swiper-button-prev:hover {
  color: #212121;
}
.testimonial-active .swiper-button-next {
  left: auto;
  right: -100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-active .swiper-button-next {
    right: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-active .swiper-button-next {
    right: -30px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-active .swiper-button-next {
    right: -15px;
  }
}
.testimonial-active .swiper-button-prev {
  left: -100px;
  right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-active .swiper-button-prev {
    left: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-active .swiper-button-prev {
    left: -30px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-active .swiper-button-prev {
    left: -15px;
  }
}
.testimonial-active .swiper-pagination {
  bottom: -12%;
}
.testimonial-active .swiper-pagination .swiper-pagination-bullet {
  outline: none;
  background-color: #717171;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .testimonial-active .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.testimonial-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.testimonial-quote {
  font-size: 70px;
  line-height: 1;
  color: #858585;
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-quote {
    margin-bottom: 40px;
  }
}
.testimonial-quote svg {
  width: 1em;
  height: 1em;
  position: relative;
}

.testimonial-item p {
  color: #858585;
  font-family: "Montaga", serif;
  font-size: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-item p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-item p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-item p {
    font-size: 18px;
  }
}
.testimonial-item__image {
  margin-top: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-item__image {
    margin-top: 35px;
  }
}
.testimonial-item__image img {
  border-radius: 50%;
  padding: 8px 8px 8px 8px;
  border: 2px dashed #E1E1E1;
}

.customer-review {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
}
.customer-review::after {
  position: absolute;
  background-color: #212121;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 1;
}
.customer-review-title {
  font-size: 30px;
  padding: 80px 0 10px;
  color: white;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1;
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .customer-review-title {
    padding: 60px 0 10px;
  }
}
.customer-review-mark {
  padding: 0 0 130px 0;
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .customer-review-mark {
    padding: 0 0 110px 0;
  }
}

.testimonial-active-two {
  max-width: 1480px;
  width: 100%;
  margin: -80px auto 0;
  position: relative;
  z-index: 9;
}

.testimonial-two {
  margin: 10px;
  padding: 30px 50px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-two {
    padding: 30px;
  }
}
.testimonial-two_quote {
  font-size: 30px;
  color: #5f5f5f;
  line-height: 1;
}
.testimonial-two_text {
  color: #9d9d9d;
  font-size: 14px;
  margin: 20px 0 15px 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.testimonial-two_name {
  font-size: 16px;
  margin: 15px 0 0 0;
  color: #212121;
  font-weight: 700;
}
.testimonial-two_position {
  color: #858585;
  font-size: 14px;
}

.testimonial-three {
  padding: 140px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-three {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-three {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-three {
    padding: 80px 0;
  }
}
.testimonial-three .testimonial-active {
  background-color: white;
  max-width: 100%;
  border: 16px solid #93622B;
  padding: 60px 0;
}
@media only screen and (max-width: 767px) {
  .testimonial-three .testimonial-active {
    border-width: 10px;
    padding: 40px 0;
  }
}
.testimonial-three_quote {
  font-size: 30px;
  color: #93622B;
  line-height: 1;
}
.testimonial-three_text {
  color: #535353;
  font-size: 24px;
  font-family: "Comfortaa", cursive;
  font-weight: 700;
  margin: 35px auto 35px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 70%;
  line-height: 2.2em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-three_text {
    font-size: 22px;
    line-height: 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-three_text {
    font-size: 20px;
    line-height: 1.8em;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-three_text {
    font-size: 16px;
    line-height: 1.8em;
    margin: 25px auto;
  }
}
.testimonial-three_thumb {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.testimonial-three_thumb img {
  border-radius: 50%;
  width: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 15px;
}
.testimonial-three_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: start;
}
.testimonial-three__name {
  color: #464646;
  font-family: "Comfortaa", cursive;
  font-size: 17px;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 10px;
}
.testimonial-three__position {
  color: #aaaaaa;
  font-family: "Comfortaa", cursive;
  font-size: 15px;
  font-weight: 400;
}
.testimonial-three .testimonial-active .swiper-button-next, .testimonial-three .testimonial-active .swiper-button-prev {
  font-size: 36px;
  width: 56px;
  height: 56px;
}
@media only screen and (max-width: 575px) {
  .testimonial-three .testimonial-active .swiper-button-next, .testimonial-three .testimonial-active .swiper-button-prev {
    font-size: 24px;
  }
}
.testimonial-three .testimonial-active .swiper-button-next {
  left: auto;
  right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-three .testimonial-active .swiper-button-next {
    right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-three .testimonial-active .swiper-button-next {
    right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-three .testimonial-active .swiper-button-next {
    right: 0px;
  }
}
.testimonial-three .testimonial-active .swiper-button-prev {
  left: 40px;
  right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-three .testimonial-active .swiper-button-prev {
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-three .testimonial-active .swiper-button-prev {
    left: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-three .testimonial-active .swiper-button-prev {
    left: 0px;
  }
}
.testimonial-three .testimonial-active .swiper-pagination {
  bottom: 0%;
  position: relative;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.testimonial-three .testimonial-active .swiper-pagination .swiper-pagination-bullet {
  outline: none;
  background-color: #717171;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}
.testimonial-three .testimonial-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #BC8157;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  width: 12px;
  height: 12px;
}

.testimonial-four_bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 125px;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .testimonial-four_bg {
    padding: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-four_bg {
    padding: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-four_bg {
    padding: 30px;
  }
}
.testimonial-four_icon {
  margin-bottom: 30px;
  display: block;
}
.testimonial-four_blockquote {
  color: #ffffff;
  font-family: "Fredericka the Great", cursive;
  font-size: 54px;
  font-weight: 400;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .testimonial-four_blockquote {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-four_blockquote {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-four_blockquote {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-four_blockquote {
    font-size: 24px;
  }
}
.testimonial-four_author {
  position: relative;
  color: #b1b1b1;
  font-family: "Montaga", serif;
  font-size: 30px;
  margin-top: 30px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-four_author {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-four_author {
    margin-top: 10px;
    font-size: 24px;
  }
}
.testimonial-four_author::after {
  position: absolute;
  display: block;
  content: "";
  border: 0.5px solid #b1b1b1;
  width: 20px;
  left: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.testimonial-four_author::before {
  position: absolute;
  display: block;
  content: "";
  border: 0.5px solid #b1b1b1;
  width: 20px;
  right: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.testimonial-four_borderleft {
  left: 180px;
  top: 180px;
  width: 70px;
  max-width: 70px;
  height: 70px;
  position: absolute;
  z-index: 1;
  border-style: solid;
  border-color: #ffffff;
  border-width: 4px 0 0 4px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .testimonial-four_borderleft {
    left: 140px;
    top: 155px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-four_borderleft {
    left: 60px;
    top: 115px;
    border-width: 3px 0 0 3px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-four_borderleft {
    left: 20px;
    top: 100px;
    border-width: 2px 0 0 2px;
    width: 40px;
    max-width: 40px;
    height: 40px;
  }
}
.testimonial-four_borderright {
  right: 180px;
  bottom: 180px;
  width: 70px;
  max-width: 70px;
  height: 70px;
  position: absolute;
  z-index: 1;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 4px 4px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .testimonial-four_borderright {
    right: 140px;
    bottom: 155px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-four_borderright {
    right: 60px;
    bottom: 115px;
    border-width: 0 3px 3px 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-four_borderright {
    right: 20px;
    bottom: 100px;
    border-width: 0 2px 2px 0;
    width: 40px;
    max-width: 40px;
    height: 40px;
  }
}

.testimonial-five_bg {
  background-color: #F3E7E0;
  position: relative;
}
.testimonial-five_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
}
.testimonial-five_blockquote {
  color: #3D240D;
  font-family: "Playfair Display", serif;
  font-size: 47px;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  max-width: 970px;
  width: 100%;
  margin: 0 auto 0;
  line-height: 1.7;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-five_blockquote {
    font-size: 32px;
    max-width: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-five_blockquote {
    font-size: 26px;
    max-width: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-five_blockquote {
    font-size: 24px;
  }
}
.testimonial-five_author {
  position: relative;
  color: #ee6d2c;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
  text-transform: uppercase;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-five_author {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-five_author {
    margin-top: 20px;
    font-size: 18px;
  }
}
.testimonial-five_border {
  margin-top: 30px;
  width: 70px;
  border: 1px solid #ee6d2c;
  display: block;
}
@media only screen and (max-width: 767px) {
  .testimonial-five_border {
    margin-top: 20px;
  }
}
.testimonial-five_shape01 {
  position: absolute;
  left: 0;
  top: -5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .testimonial-five_shape01 img {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-five_shape01 img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-five_shape01 img {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-five_shape01 {
    top: -2%;
  }
  .testimonial-five_shape01 img {
    width: 30%;
  }
}
.testimonial-five_shape02 {
  position: absolute;
  right: 0;
  top: -5%;
  text-align: right;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .testimonial-five_shape02 img {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-five_shape02 img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-five_shape02 img {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-five_shape02 {
    top: auto;
    bottom: -10%;
  }
  .testimonial-five_shape02 img {
    width: 30%;
  }
}

/*----------------------------------------*/
/*  03 - 12 Blog CSS
/*----------------------------------------*/
/* Blog Item */
.blog-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  background-color: #F9F9F9;
}
.blog-item__thumbnail {
  overflow: hidden;
  width: 46%;
}
@media only screen and (max-width: 767px) {
  .blog-item__thumbnail {
    width: 100%;
  }
}
.blog-item__thumbnail a {
  position: relative;
  padding-bottom: 100%;
  display: block;
}
.blog-item__thumbnail img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.blog-item__content {
  padding: 30px;
  width: calc(54% - 0px);
}
@media only screen and (max-width: 767px) {
  .blog-item__content {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item__content {
    padding: 20px;
  }
}
.blog-item__meta {
  color: #830E0E;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.blog-item__meta > * {
  position: relative;
}
.blog-item__meta > *:first-child::before {
  display: none;
}
.blog-item__meta > *::before {
  content: "-";
  margin-left: 5px;
  margin-right: 5px;
}
.blog-item__title {
  color: #212121;
  font-size: 24px;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item__title {
    font-size: 20px;
  }
}
.blog-item p {
  margin-top: 16px;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item p {
    display: none;
  }
}
.blog-item__btn {
  margin-top: 30px;
  font-size: 12px;
  font-weight: 500;
  height: 46px;
  line-height: 44px;
  padding: 0 30px;
  border-color: #C7C6C6;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item__btn {
    margin-top: 20px;
  }
}
.blog-item:hover .blog-item__thumbnail img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* Blog Item Two */
.blog-itemtwo {
  position: relative;
  overflow: hidden;
}
.blog-itemtwo__thumbnail {
  overflow: hidden;
  width: 100%;
}
.blog-itemtwo__thumbnail img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
}
.blog-itemtwo__content {
  padding: 30px 30px 0 30px;
  margin: -50px 20px 20px 20px;
  background-color: #FFF;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}
.blog-itemtwo__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #C2943A;
  font-size: 12px;
  font-weight: 500;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 10px;
}
.blog-itemtwo__title {
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
  color: #212121;
}
.blog-itemtwo__text {
  font-size: 14px;
  margin-bottom: 40px;
  color: #858585;
}
.blog-itemtwo__btn {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #636363;
  color: #FFF;
  padding: 5px 25px 5px 25px;
  margin: 0 -30px 0 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
}
.blog-itemtwo__btn:hover {
  background-color: #C2943A;
  color: white;
}
.blog-itemtwo .blog-btn-wrap {
  text-align: right;
  line-height: 1;
}
.blog-itemtwo:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* Blog Item Three */
.blog-itemthree {
  padding: 0 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-itemthree {
    padding: 0;
  }
}
.blog-itemthree__thumbnail {
  overflow: hidden;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-itemthree__thumbnail {
    margin-bottom: 10px;
  }
}
.blog-itemthree__thumbnail img {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.blog-itemthree__title {
  color: #93622B;
  font-family: "Comfortaa", cursive;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 30px 15px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-itemthree__title {
    font-size: 24px;
    margin: 0 10px 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-itemthree__title {
    font-size: 24px;
    margin: 0 10px 10px 0;
  }
}
.blog-itemthree__text {
  color: #979797;
  font-size: 20px;
  font-weight: 400;
  line-height: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-itemthree__text {
    font-size: 18px;
    line-height: 1.7;
  }
}
@media only screen and (max-width: 767px) {
  .blog-itemthree__text {
    font-size: 16px;
    line-height: 1.5;
  }
}
.blog-itemthree:hover .blog-itemthree__thumbnail img {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

/* Blog Item Four */
.blog-itemfour {
  position: relative;
  overflow: hidden;
}
.blog-itemfour__thumbnail {
  overflow: hidden;
  width: 100%;
  padding-bottom: 130%;
}
.blog-itemfour__thumbnail img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.blog-itemfour__thumbnail::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.blog-itemfour__content {
  position: absolute;
  z-index: 999;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  padding: 0px 48px 30px 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-itemfour__content {
    padding: 0px 30px 30px 30px;
  }
}
.blog-itemfour__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 500;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 10px;
}
.blog-itemfour__title {
  font-size: 20px;
  font-family: "Montaga", serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #ffffff;
  line-height: 1.3;
}
.blog-itemfour__title a {
  color: #ffffff;
}
.blog-itemfour__title a:hover {
  color: #F8A969;
}
@media only screen and (max-width: 767px) {
  .blog-itemfour__title {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.blog-itemfour__btn {
  color: #FFF;
  font-size: 20px;
}
.blog-itemfour__btn:hover {
  color: #F8A969;
}
.blog-itemfour:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* Blog Post */
.blog-post {
  margin-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-post {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-post {
    margin-bottom: 40px;
  }
}
.blog-post_thumb {
  padding-bottom: 54%;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post_thumb {
    margin: 0px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post_thumb {
    margin: 0px 0 20px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post_thumb {
    margin: 0px 0 15px;
  }
}
.blog-post_thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-post__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  margin-bottom: 10px;
}
.blog-post__meta li {
  margin-right: 6px;
  color: #858585;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.blog-post__meta li a {
  color: #BC8157;
}
.blog-post__meta li a:hover {
  color: #212121;
}
.blog-post__title {
  font-size: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-post__title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post__title {
    font-size: 22px;
  }
}
.blog-post__text {
  color: #858585;
  margin: 12px 0 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-post__text {
    margin: 12px 0 30px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post__text {
    margin: 12px 0 25px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post__text {
    font-size: 14px;
    margin: 12px 0 20px;
  }
}
.blog-post__btn {
  border-color: #D8D8D8;
  text-transform: capitalize;
}
.blog-post:hover .blog-post_thumb img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.blog-post-two {
  margin-bottom: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .blog-post-two {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-post-two {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post-two {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post-two {
    margin-bottom: 50px;
  }
}
.blog-post-two_thumb {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-post-two_thumb {
    margin-bottom: 20px;
  }
}
.blog-post-two_thumb img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.blog-post-two_format {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 20px;
  background-color: #BC8157;
  color: white;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post-two_format {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post-two_format {
    padding: 10px;
  }
}
.blog-post-two__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-post-two__meta {
    margin-bottom: 15px;
  }
}
.blog-post-two__meta li {
  margin-right: 6px;
  color: #858585;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.blog-post-two__meta li a {
  color: #BC8157;
}
.blog-post-two__meta li a:hover {
  color: #212121;
}
.blog-post-two__title {
  font-size: 32px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .blog-post-two__title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-post-two__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-post-two__title {
    font-size: 26px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post-two__title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.blog-post-two__btn {
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 10px;
  color: #737373;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-post-two__btn {
    font-size: 14px;
  }
}
.blog-post-two:hover .blog-post-two_thumb img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* Single Blog */
.single-blog-image {
  padding-bottom: 54%;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.single-blog-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-blog-title {
  font-family: "Montaga", serif;
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .single-blog-title {
    font-size: 24px;
  }
}
.single-blog-description {
  margin-bottom: 20px;
  display: inline-block;
}
.single-blog-banner {
  margin: 20px 0 40px;
}
.single-blog-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 30px 0;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .single-blog-bottom {
    padding: 15px 0;
    margin-top: 15px;
  }
}
.single-blog-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-blog-tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-blog-tags ul li {
  margin-right: 5px;
}
.single-blog-tags .label {
  font-weight: 700;
  margin-right: 10px;
  color: #858585;
}
.single-blog-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-blog-share .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-blog-share .social a {
  margin-right: 10px;
}
.single-blog-share .label {
  font-weight: 700;
  margin-right: 10px;
  color: #858585;
}
.single-blog-comments {
  margin-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog-comments {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-blog-comments {
    margin-top: 60px;
  }
}

/*----------------------------------------*/
/*  03 - 13 Pricing CSS
/*----------------------------------------*/
.pricing-card {
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pricing-card .pricing-bg-1 {
  background-color: #4F1818;
}
.pricing-card .pricing-bg-2 {
  background-color: #830E0E;
}
.pricing-card .pricing-bg-3 {
  background-color: #80430C;
}
.pricing-card__heading {
  padding: 0 40px 0 60px;
  text-align: left;
  position: relative;
  width: 74%;
  overflow: hidden;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .pricing-card__heading {
    padding: 0 20px 0 40px;
    height: 70px;
  }
}
.pricing-card__heading::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 35px solid #fff;
}
.pricing-card__title {
  font-size: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .pricing-card__title {
    font-size: 28px;
  }
}
.pricing-card__sub-title {
  font-family: "Montaga", serif;
  font-size: 12px;
  line-height: 10px;
  display: block;
}
.pricing-card__body {
  padding: 40px 60px;
  min-height: 410px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 767px) {
  .pricing-card__body {
    padding: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing-card__body {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing-card__body {
    padding: 30px;
  }
}
.pricing-card__body ul {
  padding: 0;
  margin: 0;
  padding-left: 18px;
}
.pricing-card__body ul li {
  font-size: 15px;
  color: #858585;
  margin-top: 10px;
  list-style: circle;
}
.pricing-card__body ul li:first-child {
  margin-top: 0;
}
.pricing-card__footer {
  padding: 30px 60px;
  -webkit-mask-image: url(../images/path.svg);
  mask-image: url(../images/path.svg);
  margin-top: auto;
  position: relative;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: top;
  -webkit-mask-size: 50vmin;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing-card__footer {
    padding: 30px;
  }
}
.pricing-card__price-value {
  font-size: 45px;
  font-family: "Montaga", serif;
  color: #fff;
  padding-right: 5px;
  line-height: 1.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .pricing-card__price-value {
    font-size: 36px;
  }
}
.pricing-card__price-suffix {
  color: #fff;
  vertical-align: top;
  display: inline-block;
  font-size: 18px;
  font-family: "Montaga", serif;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .pricing-card__price-suffix {
    font-size: 14px;
  }
}
.pricing-card__action {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pricing-card__icon {
  font-size: 34px;
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .pricing-card__icon {
    font-size: 30px;
  }
}
.pricing-card__icon svg {
  width: 1em;
  height: auto;
}
.pricing-card:hover {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}

/*----------------------------------------*/
/*  03 - 14 About CSS
/*----------------------------------------*/
.about-content {
  max-width: 550px;
}
.about-content__title {
  font-family: "Handlee", cursive;
  font-size: 64px;
  line-height: 1.3;
  margin-bottom: 40px;
  padding: 20px 0;
  background-image: url(../images/shape-01.png);
  background-position: 30% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .about-content__title {
    background-position: 15% 50%;
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content__title {
    font-size: 44px;
    margin-bottom: 10px;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-content__title {
    font-size: 40px;
    margin-bottom: 10px;
    padding: 10px 0;
  }
}
.about-content__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.about-content__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.about-content__list li + li {
  margin-top: 35px;
}
.about-content__list li .list-icon {
  font-size: 14px;
  color: #858585;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content__list li .list-icon {
    font-size: 12px;
  }
}
.about-content__list li .list-icon svg {
  width: 1em;
  height: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content__list li .list-text {
    font-size: 14px;
  }
}
.about-content__box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 15px;
  margin-top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .about-content__box-wrapper {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .about-content__singnecher img {
    width: 108px;
  }
}
.about-content__author {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.about-content__name {
  margin-bottom: 5px;
  color: #212121;
  font-size: 15px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  line-height: 1;
}
.about-content__designation {
  color: #858585;
  font-size: 12px;
}

.about-image {
  position: relative;
  z-index: 1;
}
.about-image__iamge {
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-image__iamge {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .about-image__iamge {
    padding-right: 0;
    text-align: center;
  }
}
.about-image__iamge img {
  border-top-left-radius: 290px;
  border-top-right-radius: 290px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .about-image__iamge img {
    width: 430px;
  }
}
@media only screen and (max-width: 767px) {
  .about-image__iamge img {
    width: 355px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) {
  .about-image__iamge img {
    width: 255px;
  }
}
.about-image__shape-01 {
  position: absolute;
  left: -4%;
  bottom: 5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .about-image__shape-01 {
    width: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .about-image__shape-01 {
    width: 120px;
  }
}
.about-image__shape-02 {
  position: absolute;
  top: -9%;
  left: 63%;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 767px) {
  .about-image__shape-02 {
    width: 80%;
  }
}

.about-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about-two_left {
  max-width: 25%;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two_left {
    max-width: 21%;
  }
}
@media only screen and (max-width: 767px) {
  .about-two_left {
    max-width: 40%;
  }
}
.about-two_left__image {
  position: relative;
  max-width: 90%;
  width: 90%;
  right: 40%;
  z-index: 4;
}
@media only screen and (max-width: 767px) {
  .about-two_left__image {
    right: 0%;
  }
}
.about-two_left__border {
  border: 1px solid #8D6443;
  padding: 0% 0% 103% 0%;
  position: absolute;
  max-width: 90%;
  width: 90%;
  right: 38%;
  z-index: 2;
  top: 8%;
}
@media only screen and (max-width: 767px) {
  .about-two_left__border {
    right: 0%;
  }
}
.about-two_center {
  max-width: 28%;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two_center {
    max-width: 41%;
  }
}
@media only screen and (max-width: 767px) {
  .about-two_center {
    max-width: 100%;
    margin-top: 40px;
  }
}
.about-two_right {
  max-width: 46.664%;
  width: 100%;
  text-align: right;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two_right {
    max-width: 38%;
  }
}
@media only screen and (max-width: 767px) {
  .about-two_right {
    max-width: 60%;
  }
}
.about-two_right__image {
  position: relative;
  z-index: 4;
  width: 82%;
  max-width: 82%;
}
.about-two_right__shape {
  position: absolute;
  top: -5%;
  left: 10%;
  z-index: 2;
  width: 28%;
  max-width: 28%;
}
.about-two_subtitle {
  color: #F8A969;
  font-family: "Montaga", serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .about-two_subtitle {
    margin-bottom: 10px;
  }
}
.about-two_title {
  color: #ffffff;
  font-family: "Fredericka the Great", cursive;
  font-size: 54px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-two_title {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two_title {
    font-size: 36px;
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .about-two_title {
    font-size: 30px;
    margin-bottom: 25px;
  }
}
.about-two_text {
  color: #ffffff;
  font-family: "Montaga", serif;
  font-size: 20px;
  max-width: 460px;
  width: 100%;
  margin: 0 auto 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .about-two_text {
    font-size: 17px;
    max-width: 500px;
    margin: 0 auto 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-two_text {
    margin: 0 auto 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about-two_text {
    margin: 0 auto 20px;
  }
}
.about-two_more {
  font-family: "Montaga", serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  line-height: 1.2;
}
.about-two_more:hover {
  color: #F8A969;
  border-color: #F8A969;
}

/* ----- About Page Style ----- */
.aboutus-image {
  height: 100%;
  width: calc((100vw - 100%) / 2 + 100%);
  min-width: calc((100vw - 100%) / 2 + 100%);
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .aboutus-image {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .aboutus-image {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutus-image {
    min-width: 100%;
    width: 100%;
    margin-top: 40px;
  }
}
.aboutus-image::after {
  position: relative;
  width: 95%;
  height: 50px;
  left: 40px;
  top: -5px;
  border: 1px solid #BC8157;
  content: "";
  z-index: -2;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .aboutus-image::after {
    height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutus-image::after {
    display: none;
  }
}
.aboutus-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  position: relative;
}
.aboutus-image-two {
  width: 127%;
  right: 33%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .aboutus-image-two {
    width: 100%;
    right: 0;
  }
}
.aboutus-image-two img {
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .aboutus-image-two img {
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .aboutus-image-two img {
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .aboutus-image-two img {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutus-image-two img {
    width: 100%;
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutus-image-two img {
    min-width: 100%;
    width: 100%;
    margin-top: 40px;
  }
}
.aboutus-image-two::after {
  position: relative;
  width: 95%;
  height: 50px;
  right: 20px;
  top: -5px;
  border: 1px solid #BC8157;
  content: "";
  z-index: -2;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .aboutus-image-two::after {
    height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutus-image-two::after {
    display: none;
  }
}

.about-schedule {
  max-width: 500px;
  margin: 20px auto 0 0;
}
@media only screen and (max-width: 767px) {
  .about-schedule {
    margin: 10px auto 0 0;
  }
}
.about-schedule li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(33, 33, 33, 0.5);
}
@media only screen and (max-width: 767px) {
  .about-schedule li {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.about-schedule_name {
  font-size: 20px;
  font-family: "Montaga", serif;
  font-weight: 400;
  color: #212121;
}
.about-schedule_time {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-style: italic;
  color: #858585;
}

/*----------------------------------------*/
/*  03 - 15 Category CSS
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 767px) {
  .category-item__image {
    width: 75%;
    margin: 0 auto;
  }
}
.category-item__image a {
  display: block;
}
.category-item__image img {
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.category-item__content {
  margin-top: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .category-item__content {
    margin-top: 30px;
  }
}
.category-item__title {
  font-family: "Handlee", cursive;
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .category-item__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-item__title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .category-item__title {
    font-size: 24px;
  }
}
.category-item__title a:hover {
  color: #992100;
}
.category-item p {
  margin-top: 10px;
  padding: 0 30px;
  font-size: 14px;
  color: #858585;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-item p {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .category-item p {
    padding: 0;
    font-size: 16px;
  }
}
.category-item__more {
  margin-top: 30px;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1em;
  color: #212121;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .category-item__more {
    font-size: 14px;
    margin-top: 20px;
    padding: 6px 0;
  }
}
.category-item__more::before {
  content: "";
  border-bottom: 2px solid;
  display: block;
  width: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.category-item__more:hover {
  color: #992100;
}
.category-item__more:hover::before {
  width: 100%;
}
.category-item:hover .category-item__image img {
  opacity: 0.8;
}

.category-box {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 36px;
  padding: 0 20px;
}

.category-box-item {
  padding: 60px 0;
}
@media only screen and (max-width: 767px) {
  .category-box-item {
    padding: 30px 0;
  }
}
.category-box-item__icon a {
  font-size: 70px;
  color: #FFC887;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .category-box-item__icon a {
    font-size: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .category-box-item__icon a {
    font-size: 40px;
  }
}
.category-box-item__icon a svg {
  width: 1em;
  height: 1em;
}
.category-box-item__icon a:hover {
  color: #FF9D87;
}
.category-box-item__content {
  margin-top: 12px;
}
.category-box-item__title {
  font-size: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #858585;
}
@media only screen and (max-width: 767px) {
  .category-box-item__title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .category-box-item__title {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .category-box-item__title {
    font-size: 12px;
  }
}

.category-three_bg {
  background-position: center;
  background-repeat: repeat-x;
  padding: 160px 0 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-three_bg {
    padding: 100px 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-three_bg {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .category-three_bg {
    padding: 60px 0 60px;
  }
}

.category-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.category-three_thumb {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .category-three_thumb {
    margin-bottom: 20px;
  }
}
.category-three_title {
  margin-bottom: 60px;
  color: #ffffff;
  font-family: "Fredericka the Great", cursive;
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-three_title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .category-three_title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.category-three_more {
  font-family: "Montaga", serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  padding: 10px;
  line-height: 1.2;
}
.category-three_more:hover {
  color: #F8A969;
  border-color: #F8A969;
}

.category-four_bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.category-four_wrapper .col:nth-of-type(odd) .category-four_box {
  bottom: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-four_wrapper .col:nth-of-type(odd) .category-four_box {
    bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .category-four_wrapper .col:nth-of-type(odd) .category-four_box {
    bottom: -10px;
  }
}
.category-four_wrapper .col:nth-of-type(odd) .category-four_border {
  top: -20px;
}
.category-four_wrapper .col:nth-of-type(even) .category-four_box {
  top: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-four_wrapper .col:nth-of-type(even) .category-four_box {
    top: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .category-four_wrapper .col:nth-of-type(even) .category-four_box {
    top: -10px;
  }
}
.category-four_wrapper .col:nth-of-type(even) .category-four_border {
  bottom: -20px;
}
.category-four_box {
  position: relative;
}
.category-four_box:hover .category-four_name {
  background-color: #ee6d2c;
  color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.category-four_thumb {
  width: 100%;
  position: relative;
  z-index: 2;
}
.category-four_thumb img {
  width: 100%;
}
.category-four_content {
  text-align: center;
  position: relative;
  z-index: 2;
}
.category-four_name {
  padding: 25px 20px;
  font-family: "Playfair Display", serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  color: #3D240D;
  background-color: #ffffff;
  display: block;
  line-height: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-four_name {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .category-four_name {
    padding: 15px 10px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .category-four_name {
    font-size: 18px;
  }
}
.category-four_border {
  border: 2px solid #C3956C;
  width: 90%;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

/*----------------------------------------*/
/*  03 - 16 Video CSS
/*----------------------------------------*/
.video-section {
  height: 770px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .video-section {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-section {
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-section {
    height: 310px;
  }
}
@media only screen and (max-width: 767px) {
  .video-section {
    height: 390px;
  }
}
.video-section::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  z-index: -1;
}

.video-play__link {
  background-color: rgba(255, 255, 255, 0.23);
  padding: 16px;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-play__link a {
  font-size: 70px;
  line-height: 0.8;
  color: #fff;
}
@media only screen and (min-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .video-play__link a {
    font-size: 140px;
  }
}
.video-play__link a svg {
  width: 1em;
  height: 1em;
}
.video-play__link:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.video-play__link:hover a {
  -webkit-animation-name: animation-push;
          animation-name: animation-push;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes animation-push {
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes animation-push {
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*----------------------------------------*/
/*  03 - 17 Contact CSS
/*----------------------------------------*/
.contact-form .form-control {
  border: 0;
}
.contact-form .btn {
  min-width: 150px;
}
@media only screen and (min-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contact-form .btn {
    min-width: 190px;
    font-size: 18px;
  }
}

/* Contact Section */
.contact-section_bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.contact-section {
  position: relative;
}
.contact-section__title {
  font-family: "Playfair Display", serif;
  font-size: 60px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.3;
  color: #F3E7E0;
  margin-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-section__title {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section__title {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section__title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
.contact-section_list li {
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section_list li {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section_list li {
    padding-bottom: 5px;
  }
}
.contact-section_list li:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .contact-section_list li:not(:first-child) {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section_list li:not(:first-child) {
    margin-top: 5px;
  }
}
.contact-section_list__icon {
  color: #F3E7E0;
  margin-right: 10px;
  font-size: 18px;
}
.contact-section_list__text {
  font-size: 16px;
  font-weight: 400;
  color: #F3E7E0;
  line-height: 1.2;
}
.contact-section_list__text span {
  font-size: 20px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .contact-section_list__text span {
    font-size: 16px;
  }
}
.contact-section_formbg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0 0 130px;
  padding: 0 50px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contact-section_formbg {
    margin: 0 0 0 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .contact-section_formbg {
    margin: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section_formbg {
    margin: 40px 0 0 0;
    padding: 0 40px 40px;
  }
}
.contact-section_form {
  text-align: center;
}
.contact-section_form .form-p {
  padding: 3px;
}
.contact-section_form__title {
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 700;
  color: #F3E7E0;
  line-height: 1.3;
  text-transform: capitalize;
  text-align: center;
  margin: 60px 0 35px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .contact-section_form__title {
    font-size: 36px;
    margin: 30px 0 20px;
  }
}
.contact-section_form .form-control {
  background-color: #F3E7E0;
}
.contact-section_form .form-control.text-area {
  height: 215px;
}
.contact-section_form .btn-theme {
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-weight: 700;
  background-color: #ee6d2c;
  color: #F3E7E0;
  display: block;
  padding: 10px 33px;
  margin-top: 20px;
  width: 100%;
  line-height: 1.2;
  text-transform: capitalize;
}
.contact-section_form .btn-theme:hover {
  background-color: #3D240D;
  color: #F3E7E0;
}
.contact-section_shape {
  position: absolute;
  width: 100%;
  max-width: 386px;
  top: -25%;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .contact-section_shape {
    max-width: 286px;
    top: -20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-section_shape {
    max-width: 200px;
    top: -15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section_shape {
    max-width: 180px;
    top: -12%;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section_shape {
    max-width: 120px;
    top: -10%;
  }
}

.contact-section2 {
  position: relative;
}
.contact-section2__title {
  font-family: "Montaga", serif;
  font-size: 36px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.3;
  color: #212121;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .contact-section2__title {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
.contact-section2__text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #858585;
  margin-bottom: 50px;
  max-width: 470px;
  width: 100%;
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .contact-section2__text {
    margin-bottom: 30px;
  }
}
.contact-section2_list li {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-section2_list li:last-child {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .contact-section2_list li {
    padding-bottom: 20px;
  }
}
.contact-section2_list__icon {
  color: #BC8157;
  margin-right: 10px;
  font-size: 24px;
  height: 70px;
  width: 70px;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 1px 0 #000;
          box-shadow: 0 0 1px 0 #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 575px) {
  .contact-section2_list__icon {
    font-size: 18px;
    height: 60px;
    width: 60px;
  }
}
.contact-section2_list__text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #858585;
  display: block;
}
.contact-section2_formbg {
  padding: 60px 50px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section2_formbg {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section2_formbg {
    padding: 40px 30px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .contact-section2_formbg {
    padding: 30px 20px;
  }
}
.contact-section2_form .form-p {
  padding: 10px;
}
.contact-section2_form label {
  font-size: 14px;
}
.contact-section2_form__title {
  font-family: "Montaga", serif;
  font-size: 24px;
  font-weight: 500;
  color: #212121;
  line-height: 1.3;
  text-transform: capitalize;
  text-align: center;
  margin: 0px 0 10px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section2_form__title {
    margin: 0px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section2_form__title {
    font-size: 22px;
    margin: 0px 0 10px;
  }
}
.contact-section2_form .form-control.text-area {
  height: 215px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .contact-section2_form .form-control.text-area {
    height: 150px;
  }
}
@media only screen and (max-width: 575px) {
  .contact-section2_form .form-control.text-area {
    height: 100px;
  }
}
.contact-section2_form .btn {
  font-size: 14px;
  margin-top: 20px;
  border-radius: 30px;
}

.contact-section3_formbg {
  padding: 0 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-section3_formbg {
    padding: 0 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section3_formbg {
    padding: 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section3_formbg {
    padding: 0 40px;
    margin-top: 40px;
  }
}
.contact-section3_form {
  max-width: 670px;
  width: 100%;
}
.contact-section3_form .form-p {
  padding: 10px;
}
.contact-section3_form__title {
  font-family: "Montaga", serif;
  font-size: 36px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.3;
  color: #212121;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .contact-section3_form__title {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
.contact-section3_form__text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #858585;
  margin-bottom: 50px;
  max-width: 470px;
  width: 100%;
  margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-section3_form__text {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-section3_form__text {
    margin-bottom: 10px;
  }
}
.contact-section3_form .btn {
  font-size: 14px;
  margin-top: 20px;
  border-radius: 30px;
}
.contact-section3_form input.form-field:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]) {
  font-size: 14px;
  width: 100%;
  height: 54px;
  padding: 10px 0px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #E5E5E5;
  background-color: #fff;
}
.contact-section3_form textarea.form-field {
  font-size: 14px;
  width: 100%;
  height: 140px;
  padding: 10px 0px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #E5E5E5;
  background-color: #fff;
}
.contact-section3_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contact-section3_content {
    margin-bottom: 40px;
  }
}
.contact-section3_content__icon {
  color: #BC8157;
  margin-right: 0px;
  font-size: 40px;
  height: 120px;
  width: 120px;
  border-radius: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 575px) {
  .contact-section3_content__icon {
    font-size: 18px;
    height: 80px;
    width: 80px;
  }
}
.contact-section3_content__title {
  font-size: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin: 40px 0 20px;
  color: #212121;
}
@media only screen and (max-width: 767px) {
  .contact-section3_content__title {
    margin: 20px 0 10px;
  }
}
.contact-section3_content__text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #858585;
  display: block;
}

.content-list .col:last-child .contact-section3_content {
  margin-bottom: 0px;
}

/* Contact Map */
.contact-map {
  height: 552px;
  width: 100%;
  display: block;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-map {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-map {
    height: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .contact-map {
    height: 300px;
  }
}
.contact-map_two {
  height: 752px;
  width: 100%;
  display: block;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-map_two {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-map_two {
    height: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .contact-map_two {
    height: 300px;
  }
}

/*----------------------------------------*/
/*  03 - 18 Best Service CSS
/*----------------------------------------*/
.best-service-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  border-radius: 36px;
  overflow: hidden;
}
.best-service-image__image {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .best-service-image__image {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .best-service-image__image {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .best-service-image__image {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .best-service-image__image {
    height: 200px;
  }
}

.best-service-item {
  background-color: #fff;
  padding: 45px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 36px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .best-service-item {
    padding: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .best-service-item {
    padding: 30px;
  }
}
.best-service-item__sub-title {
  color: #858585;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .best-service-item__sub-title {
    font-size: 24px;
  }
}
.best-service-item__title {
  margin: 15px 0 20px 0;
  color: #FF9D87;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .best-service-item__title {
    font-size: 16px;
  }
}
.best-service-item__desc {
  color: #7E7E7E;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .best-service-item__desc {
    font-size: 14px;
  }
}
.best-service-item:hover {
  background-color: #FF9D87;
}
.best-service-item:hover .best-service-item__sub-title {
  color: #fff;
}
.best-service-item:hover .best-service-item__title {
  color: #fff;
}
.best-service-item:hover .best-service-item__desc {
  color: #fff;
}

/*----------------------------------------*/
/*  03 - 19 Event CSS
/*----------------------------------------*/
.event_image {
  margin: 0% -27% 0% 0%;
}
@media only screen and (max-width: 767px) {
  .event_image {
    margin: 0px;
  }
}
.event_content {
  background-color: white;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  padding: 70px;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .event_content {
    padding: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event_content {
    padding: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event_content {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .event_content {
    padding: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .event_content {
    padding: 30px;
  }
}
.event_subtitle {
  font-size: 18px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #858585;
  letter-spacing: 3px;
  margin-bottom: 20px;
  display: block;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event_subtitle {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event_subtitle {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .event_subtitle {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.event_title {
  font-family: "Inter", sans-serif;
  font-size: 72px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: #FFC887;
  display: block;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .event_title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event_title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event_title {
    font-size: 36px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .event_title {
    font-size: 50px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .event_title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
.event_discount {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  margin-bottom: 40px;
  color: #FF9D87;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event_discount {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event_discount {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .event_discount {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.event_text {
  color: #858585;
  max-width: 460px;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event_text {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event_text {
    margin-bottom: 15px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .event_text {
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  03 - 20 Shipping CSS
/*----------------------------------------*/
.shipping-section {
  margin-top: 60px;
}

.shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shipping_thumb {
  margin-right: 25px;
  color: #212121;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 60px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .shipping_thumb {
    margin-right: 15px;
    font-size: 50px;
  }
}
.shipping_thumb svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  stroke: currentColor;
  fill: currentColor;
}
.shipping_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.shipping_content__title {
  font-size: 22px;
  font-weight: 600;
  color: #212121;
  margin-bottom: 12px;
  text-transform: capitalize;
  line-height: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_content__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.shipping_content__text {
  font-size: 16px;
  color: #858585;
  line-height: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_content__text {
    font-size: 15px;
  }
}
.shipping:hover .shipping_thumb {
  color: #C2943A;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*----------------------------------------*/
/*  03 - 21 Why Choose Us CSS
/*----------------------------------------*/

/*----------------------------------------*/
/*  03 - 22 Team CSS
/*----------------------------------------*/
.team-wrapper {
  background-color: #F9F9F9;
  border-radius: 36px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-wrapper {
    border-radius: 30px;
  }
}
.team-thumb {
  position: relative;
}
.team-thumb img {
  width: 100%;
}
.team-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 35px 0;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-social li {
  margin-right: 10px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  position: relative;
  opacity: 0;
}
.team-social li:last-child {
  margin-right: 0;
}
.team-social li a {
  color: #212121;
  background-color: transparent;
  height: 30px;
  width: 30px;
  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-radius: 100%;
}
.team-social li a:hover {
  background-color: #FF9D87;
}
.team-content {
  padding: 30px 10px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-content {
    padding: 20px 10px;
  }
}
.team-name {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1;
  display: block;
  color: #212121;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-name {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.team-designation {
  font-size: 18px;
  color: #858585;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-designation {
    font-size: 16px;
  }
}

.team-wrapper:hover .team-social {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.team-wrapper:hover .team-social li {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.team-wrapper:hover .team-social li:nth-child(2n+1) {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.team-wrapper:hover .team-social li:nth-child(2n+2) {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.team-wrapper:hover .team-social li:nth-child(2n+3) {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.team-wrapper:hover .team-social li:nth-child(2n+4) {
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.team-2-wrapper {
  overflow: hidden;
  position: relative;
  width: 270px;
  margin: 40px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-2-wrapper {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .team-2-wrapper {
    margin: 20px auto 0;
  }
}
.team-2-thumb {
  position: relative;
  overflow: hidden;
}
.team-2-thumb img {
  width: 100%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.team-2-thumb::before {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 9;
  background-color: #BC8157;
  top: 0;
  left: 0;
  content: "";
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-2-thumb:hover::before {
  opacity: 0.5;
  visibility: visible;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-2-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 20px;
}
.team-2-social li {
  margin-right: 20px;
  position: relative;
}
.team-2-social li:last-child {
  margin-right: 0;
}
.team-2-social li a {
  color: #c9c9c9;
  background-color: transparent;
  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-radius: 100%;
  font-size: 20px;
}
.team-2-social li a:hover {
  color: #BC8157;
}
.team-2-content {
  padding: 30px 10px 10px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-2-content {
    padding: 20px 10px 0;
  }
}
.team-2-name {
  font-family: "Montaga", serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 1.2;
  display: block;
  color: #212121;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-2-name {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.team-2-designation {
  font-size: 12px;
  color: #BC8157;
  font-weight: 600;
  font-style: italic;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-2-designation {
    font-size: 16px;
  }
}

.team-3-wrapper {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.team-3-thumb {
  position: relative;
  overflow: hidden;
}
.team-3-thumb img {
  width: 100%;
}
.team-3-thumb::before {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 9;
  background-color: #BC8157;
  top: 0;
  left: 0;
  content: "";
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-3-thumb:hover::before {
  opacity: 0.5;
  visibility: visible;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-3-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 20px;
}
.team-3-social li {
  margin-right: 20px;
  position: relative;
}
.team-3-social li:last-child {
  margin-right: 0;
}
.team-3-social li a {
  color: #BC8157;
  background-color: transparent;
  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-radius: 100%;
  font-size: 16px;
}
.team-3-social li a:hover {
  color: #212121;
}
.team-3-content {
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-3-content {
    padding: 30px 20px;
  }
}
.team-3-head {
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #dedede;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-3-head {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.team-3-name {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  display: block;
  color: #212121;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-3-name {
    font-size: 18px;
  }
}
.team-3-designation {
  font-size: 12px;
  color: #BC8157;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-3-designation {
    font-size: 11px;
  }
}
.team-3-text {
  color: #858585;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .team-3-text {
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  03 - 23 Story CSS
/*----------------------------------------*/
.story-bg {
  padding: 145px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .story-bg {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .story-bg {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .story-bg {
    padding: 60px 0;
  }
}
.story-bg::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #212121;
  opacity: 0.2;
}
.story-bg_inner {
  max-width: 500px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 479px) {
  .story-bg_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.story-bg_inner .section-title-07 {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .story-bg_inner .section-title-07 {
    margin-bottom: 20px;
  }
}
.story-bg_text-one {
  width: 290px;
  max-width: 290px;
  color: white;
  font-size: 15px;
  font-family: "Montaga", serif;
  padding-right: 70px;
}
@media only screen and (max-width: 767px) {
  .story-bg_text-one {
    width: 250px;
    max-width: 250px;
    padding-right: 25px;
  }
}
.story-bg_text-two {
  width: 200px;
  max-width: 200px;
  color: white;
  font-size: 15px;
  font-family: "Montaga", serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .story-bg_btn {
    width: 160px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .story-bg_btn {
    width: 130px;
    font-size: 14px;
  }
}
.story-bg_btn:hover {
  background-color: #F8A969;
  border-color: #F8A969;
  color: white;
}

/*----------------------------------------*/
/*  03 - 24 Breadcrumb CSS
/*----------------------------------------*/
.breadcrumb {
  padding: 190px 0 100px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb {
    padding: 140px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    padding: 120px 0 60px;
  }
}
.breadcrumb::after {
  position: absolute;
  content: "";
  background-color: rgba(33, 33, 33, 0.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.breadcrumb_content {
  position: relative;
  z-index: 2;
  text-align: center;
}
.breadcrumb_title {
  font-size: 48px;
  font-family: "Montaga", serif;
  color: #ffffff;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb_title {
    font-size: 36px;
  }
}
.breadcrumb_list {
  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;
  gap: 2px;
}
.breadcrumb_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  gap: 2px;
  position: relative;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.breadcrumb_list li:not(:last-child)::after {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 12px;
  height: 1px;
  content: "";
  -webkit-transform: rotate(115deg);
          transform: rotate(115deg);
  background-color: #fff;
}
.breadcrumb_text {
  font-size: 14px;
  color: #ffffff;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}
.breadcrumb-about {
  padding: 340px 0 250px;
}
.breadcrumb-about::after {
  background-color: rgba(33, 33, 33, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-about {
    padding: 190px 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-about {
    padding: 140px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-about {
    padding: 120px 0 60px;
  }
}

/*----------------------------------------*/
/*  03 - 25 Shop CSS
/*----------------------------------------*/
/* Shop Topbar */
.shop-topbar {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-topbar {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-topbar {
    margin-bottom: 20px;
  }
}
.shop-topbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shop-topbar-item {
  margin-right: 30px;
}
.shop-topbar-item:last-child {
  margin-right: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .shop-topbar-item {
    margin-right: 10px;
  }
}
.shop-topbar-item label {
  font-size: 16px;
  margin: 0;
  color: #555555;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .shop-topbar-item label {
    font-size: 14px;
  }
}
.shop-topbar-item select {
  font-size: 16px;
  padding-right: 15px;
  border: none;
  background-color: transparent;
  color: #555555;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .shop-topbar-item select {
    font-size: 14px;
    padding-right: 5px;
  }
}
.shop-topbar-item p {
  font-size: 16px;
  color: #555555;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .shop-topbar-item p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .shop-topbar-item p {
    margin-left: 5px;
  }
}
.shop-topbar__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Shop Bottom Bar */
.shop-bottombar {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-bottombar {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-bottombar {
    margin-top: 30px;
  }
}
.shop-bottombar .pagination {
  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;
}
.shop-bottombar .pagination li {
  margin-right: 20px;
}
.shop-bottombar .pagination li:last-child {
  margin-right: 0;
}
.shop-bottombar .pagination li a {
  padding: 10px;
}

/* ---------- Shop Cart Style Start -------- */
.cart-table .remove-btn {
  border: 0px;
  background-color: transparent;
  padding: 5px;
}
.cart-table .cart-remove {
  width: 30px;
}
.cart-table .cart-thumb {
  width: 90px;
}
.cart-table .cart-quantity {
  width: 100px;
}

.cart-totals {
  background-color: #f9f9f9;
}
.cart-totals-inner {
  padding: 40px 30px;
}
.cart-totals-inner .title {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.cart-totals-inner .amount {
  color: #555555;
  font-size: 16px;
  text-align: end;
}
.cart-totals-inner .sub-title {
  font-size: 16px;
  color: #212121;
  font-weight: 400;
}

/* Cart Products Mobile */
.cart-products-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  gap: 20px;
}

/* Cart Product Mobile */
.cart-product-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.cart-product-mobile-remove {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  border: none;
  border-radius: 50%;
  background-color: #fff;
}
.cart-product-mobile-remove:hover {
  color: #fff;
  background-color: #BC8157;
}
.cart-product-mobile-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart-product-mobile-image img {
  width: 100%;
}
.cart-product-mobile-content {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.cart-product-mobile-title {
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 15px;
}
.cart-product-mobile-quantity, .cart-product-mobile-total {
  font-size: 14px;
  line-height: 1;
  display: block;
  margin-bottom: 10px;
}
.cart-product-mobile-total {
  margin-bottom: 15px;
}
.cart-product-mobile-add-to-cart {
  margin-top: 15px;
}

.cart-product-mobile-thumb {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 135px;
          flex: 1 0 135px;
  max-width: 135px;
  border: 1px solid #E5E5E5;
}

/* -------- Wishlist Style ----------- */
.wishlist-table .remove-btn {
  border: 0px;
  background-color: transparent;
  padding: 5px;
}
.wishlist-table .wishlist-remove {
  width: 30px;
}
.wishlist-table .wishlist-thumb {
  width: 90px;
}
.wishlist-table .product-stock-status {
  width: 200px;
}
.wishlist-table tbody tr th {
  padding-top: 40px;
  padding-bottom: 40px;
}

.wishlist-cart {
  text-align: right;
}
.wishlist-cart .btn {
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  border-radius: 30px !important;
}

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

/* CHeckout Summary Table */
.checkout-summary-table {
  margin: 0;
}
.checkout-summary-table tr {
  width: 100%;
}
.checkout-summary-table th:first-child, .checkout-summary-table td:first-child {
  padding-left: 0;
}
.checkout-summary-table th:last-child, .checkout-summary-table td:last-child {
  padding-right: 0;
}

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

/* Form */
/* Checkbox */
.form-check {
  min-height: auto;
  margin-bottom: 0;
}
.form-check:not(:last-child) {
  margin-bottom: 15px;
}
.form-check .form-check-input {
  margin-top: 1px;
  border-width: 2px;
}
.form-check .form-check-input:checked, .form-check .form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-check .form-check-label {
  font-size: 14px;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  color: #212121 !important;
}

/* Form Field Select */
.select-wrapper {
  width: 100%;
  position: relative;
}
.select-wrapper::after {
  position: absolute;
  content: "\ea10";
  font-family: LaStudioIcons;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
  z-index: 1;
  color: #858585;
}
.select-wrapper select.form-field {
  font-size: 14px;
  width: 100%;
  height: 54px;
  padding: 10px 20px;
  border: 1px solid #E5E5E5;
  background-color: #fff;
  background-size: 12px;
  -webkit-appearance: none;
}
.select-wrapper select.form-field:focus {
  border-color: #BC8157;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .select-wrapper select.form-field {
    height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .select-wrapper select.form-field {
    height: 44px;
    line-height: 20px;
  }
}

/* --------- Checkout Box ---------- */
.compare-table .table tbody tr {
  border-color: #e8e8e8;
}
.compare-table .table tbody tr td {
  text-align: center;
  padding: 20px;
  vertical-align: middle;
  border-color: #e8e8e8;
}
@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td {
    padding: 10px;
  }
}
.compare-table .table tbody tr td.first-column {
  min-width: 175px;
  font-size: 15px;
  font-weight: 600;
  color: #212121;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 150px;
  }
}
.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 260px;
  }
}
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}
.compare-table .table tbody tr td.product-image-title .btn {
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 30px !important;
  margin-top: 20px;
}
.compare-table .table tbody tr td.product-image-title .title {
  display: block;
  font-size: 16px;
  color: #212121;
  font-weight: 500;
  text-transform: capitalize;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #BC8157;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: center;
  margin: 0;
  font-size: 14px;
}
.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
  font-size: 14px;
  font-weight: 400;
}
.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}
.compare-table .table tbody tr td.pro-remove button:hover {
  color: #BC8157;
}

/* --------- Order Tracking --------- */
.tracking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tracking-col {
  width: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tracking-col {
    width: 30%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tracking-col {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .tracking-col {
    width: 100%;
  }
}
.tracking-col-form {
  padding-left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tracking-col-form {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tracking-col-form {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .tracking-col-form {
    width: 100%;
    padding-left: 0;
    margin: 60px 20px;
  }
}
.tracking-form {
  max-width: 670px;
  width: 100%;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 70px;
  margin-right: 0;
  margin-left: auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .tracking-form {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .tracking-form {
    padding: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .tracking-form {
    padding: 40px 20px;
  }
}
.tracking-form-text {
  text-align: center;
  font-style: italic;
}
.tracking-form .btn {
  border-radius: 30px;
}
.tracking-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 900px;
  margin: 0% 0% 0% -25%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tracking-bg {
    margin: 0% 0% 0% -80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tracking-bg {
    margin: 0% 0% 0% -200%;
    height: 700px;
  }
}

/*----------------------------------------*/
/*  03 - 26 Product Details CSS
/*----------------------------------------*/
.product-details-img .single-product-img a {
  width: 100%;
}
.product-details-img .single-product-img a img {
  cursor: crosshair;
}
.product-details-img .single-product-thumb {
  margin-top: 10px;
}
.product-details-img .single-product-thumb img {
  border: 1px solid transparent;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.product-details-img .single-product-thumb .swiper-slide-thumb-active img {
  border: 1px solid #212121;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-details-img .single-product-thumb .swiper-button-prev:focus, .product-details-img .single-product-thumb .swiper-button-next:focus {
  border: 0px;
  outline: 0px;
}
.product-details-img .single-product-thumb .swiper-button-prev:after, .product-details-img .single-product-thumb .swiper-button-next:after {
  display: none;
}
.product-details-img .single-product-thumb .swiper-button-prev i, .product-details-img .single-product-thumb .swiper-button-next i {
  opacity: 0;
  visibility: hidden;
  font-size: 20px;
  color: #333333;
}
.product-details-img .single-product-thumb .swiper-button-prev i:hover, .product-details-img .single-product-thumb .swiper-button-next i:hover {
  color: #fff;
  background: #BC8157 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-details-img .single-product-thumb:hover .swiper-button-prev i, .product-details-img .single-product-thumb:hover .swiper-button-next i {
  opacity: 1;
  visibility: visible;
  background: #F3E7E0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-summery {
    margin-top: 40px;
  }
}
.product-summery .product-head {
  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;
}
.product-summery .product-head-price {
  font-size: 28px;
  font-family: "Montaga", serif;
  color: #212121;
}
@media only screen and (max-width: 767px) {
  .product-summery .product-head-price {
    font-size: 24px;
    line-height: 1;
  }
}
.product-summery .product-title {
  font-size: 30px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .product-summery .product-title {
    font-size: 26px;
  }
}
.product-summery .product-color, .product-summery .product-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-summery .product-color label, .product-summery .product-size label {
  font-size: 16px;
  font-size: "Inter", sans-serif;
  color: #555555;
  max-width: 100px;
  width: 100%;
}
.product-summery .product-color .select-wrapper, .product-summery .product-size .select-wrapper {
  width: 100%;
  position: relative;
}
.product-summery .product-color .select-wrapper::after, .product-summery .product-size .select-wrapper::after {
  position: absolute;
  content: "\ea10";
  font-family: LaStudioIcons;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
  z-index: 1;
  color: #858585;
}
.product-summery .product-color select, .product-summery .product-size select {
  border: 1px solid #dedede;
  border-radius: 0px;
  min-height: 30px;
  font-size: 14px;
  color: #555555;
  width: 100%;
  padding: 10px 25px 10px 10px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: #ffffff;
  position: relative;
}
.product-summery .desc-content {
  font-size: 18px;
  color: #858585;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-summery .desc-content {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-summery .desc-content {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.product-summery .product-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-summery .product-cta {
    margin-bottom: 30px;
  }
}
.product-summery .product-cta li {
  margin-right: 10px;
}
.product-summery .product-cta li:last-child {
  margin-right: 0px;
}
.product-summery .cart-btn .add-to_cart {
  width: 190px;
}
@media only screen and (max-width: 479px) {
  .product-summery .cart-btn .add-to_cart {
    width: 130px;
  }
}
.product-summery .cart-btn .add-to_cart .btn {
  width: 100%;
  display: block;
  border-radius: 30px;
}
.product-summery .actions {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-summery .actions .action {
  vertical-align: middle;
  line-height: 1;
  padding: 0 20px;
}
@media only screen and (max-width: 479px) {
  .product-summery .actions .action {
    padding: 0 10px;
  }
}
.product-summery .actions .action:last-child {
  padding-right: 0px;
}
.product-summery .actions .action i {
  font-size: 20px;
  line-height: 1;
}
@media only screen and (max-width: 479px) {
  .product-summery .actions .action i {
    font-size: 18px;
  }
}
.product-summery .product-meta {
  margin-bottom: 30px;
}
.product-summery .product-meta-wrapper {
  color: #858585;
  font-size: 13px;
}
.product-summery .product-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-summery .product-share a {
  color: #000000;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  border: 1px solid #ebebeb;
  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;
  margin-right: 10px;
  font-size: 16px;
}
.product-summery .product-share a:last-child {
  margin-right: 0px;
}
.product-summery .product-share a i {
  vertical-align: middle;
}
.product-summery .product-share a:hover {
  color: #BC8157;
  border-color: #BC8157;
}
.product-summery .product-group {
  margin-bottom: 30px;
}
.product-summery .product-group-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
  margin-bottom: 15px;
}
.product-summery .product-group-content .title {
  font-size: 16px;
  line-height: 1.2;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.product-summery .product-group-content .price {
  font-size: 14px;
  line-height: 1;
  margin: 8px 0px;
  display: block;
}
.product-summery .product-group-content .in-stock {
  font-size: 12px;
  color: #C2943A;
  line-height: 1;
}

/*-- Single Product Vertical Tab --*/
.product-thumb-vertical {
  width: 100px;
  height: 572px;
  margin: 0 0 auto;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-thumb-vertical {
    height: 415px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-thumb-vertical {
    height: 555px;
  }
}
@media only screen and (max-width: 767px) {
  .product-thumb-vertical {
    height: 405px;
  }
}
@media only screen and (max-width: 575px) {
  .product-thumb-vertical {
    height: 420px;
  }
}
@media only screen and (max-width: 479px) {
  .product-thumb-vertical {
    height: 250px;
  }
}
.product-thumb-vertical .swiper-wrapper {
  height: auto !important;
}
.product-thumb-vertical .swiper-slide {
  text-align: center;
  outline: 0 none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.product-thumb-vertical .swiper-slide::before {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.product-thumb-vertical .swiper-slide img {
  border: 1px solid #dedede;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  margin: 5px 0;
}
.product-thumb-vertical .swiper-slide-thumb-active::before {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.product-thumb-vertical .swiper-slide-thumb-active img {
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-product-vertical-tab {
  width: calc(100% - 125px);
  height: 100%;
  margin-left: 25px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .single-product-vertical-tab {
    width: calc(100% - 115px);
    margin-left: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .single-product-vertical-tab {
    width: calc(100% - 80px);
  }
}
.single-product-vertical-tab img {
  width: 100%;
  border: 1px solid #dedede;
  cursor: crosshair;
}
.single-product-vertical-tab.vertical-style-tab {
  width: calc(100% - 100px);
}
.single-product-vertical-tab .swiper-button-prev, .single-product-vertical-tab .swiper-button-next {
  opacity: 0.2;
  height: 50px;
  width: 50px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: #ebebeb;
}
@media only screen and (max-width: 767px) {
  .single-product-vertical-tab .swiper-button-prev, .single-product-vertical-tab .swiper-button-next {
    height: 35px;
    width: 35px;
  }
}
.single-product-vertical-tab .swiper-button-prev:focus, .single-product-vertical-tab .swiper-button-next:focus {
  border: 0px;
  outline: 0px;
}
.single-product-vertical-tab .swiper-button-prev:after, .single-product-vertical-tab .swiper-button-next:after {
  display: none;
}
.single-product-vertical-tab .swiper-button-prev i, .single-product-vertical-tab .swiper-button-next i {
  font-size: 14px;
  color: #333333;
}
.single-product-vertical-tab .swiper-button-prev {
  right: auto;
  margin: 0 auto;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-product-vertical-tab .swiper-button-next {
  right: auto;
  margin: 0 auto;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.single-product-vertical-tab:hover .swiper-button-prev, .single-product-vertical-tab:hover .swiper-button-next {
  opacity: 0.8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* Review Rating */
.review-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-rating-bg, .review-rating-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 14px;
  background-image: url(../images/product/rating-bg.svg);
  background-repeat: repeat-x;
}
.review-rating-active {
  background-image: url(../images/product/rating-active.svg);
}
.review-rating-text {
  font-size: 12px;
}

/* Quantity */
.cart-plus-minus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100px;
}
.cart-plus-minus .cart-plus-minus-box {
  min-height: 56px;
  height: 100%;
  width: 30px;
  text-align: center;
  border: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-plus-minus .cart-plus-minus-box {
    min-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-plus-minus .cart-plus-minus-box {
    min-height: 45px;
  }
}
.cart-plus-minus .qtybutton {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}

/* Single Product Tab */
.single-product-tab .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin: 100px 0 80px;
  border: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-product-tab .nav-tabs {
    margin: 80px 0 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-tab .nav-tabs {
    margin: 60px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single-product-tab .nav-tabs {
    margin: 40px 0 25px;
  }
}
.single-product-tab .nav-tabs .nav-link {
  border: 0px;
  position: relative;
  padding: 0 0 10px 0;
  margin: 0 20px;
  font-size: 22px;
  color: #858585;
  text-transform: capitalize;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-product-tab .nav-tabs .nav-link {
    font-size: 18px;
    margin: 0 15px;
    padding: 0 0 5px 0;
  }
}
@media only screen and (max-width: 575px) {
  .single-product-tab .nav-tabs .nav-link {
    font-size: 16px;
    margin: 0 10px 5px;
    padding: 0 0 5px 0;
  }
}
.single-product-tab .nav-tabs .nav-link::after {
  content: "";
  border-bottom: 2px solid #BC8157;
  width: 0%;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.single-product-tab .nav-tabs .nav-link:hover {
  color: #212121;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.single-product-tab .nav-tabs .nav-link:hover::after {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.single-product-tab .nav-tabs .nav-link.active {
  color: #212121;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.single-product-tab .nav-tabs .nav-link.active::after {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.product-desc-row {
  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;
}
@media only screen and (max-width: 767px) {
  .product-desc-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.product-desc-img {
  max-width: 46%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .product-desc-img {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.product-desc-content {
  max-width: 38%;
  width: 100%;
  right: 5%;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-desc-content {
    max-width: 50%;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-desc-content {
    max-width: 100%;
    right: 0;
  }
}
.product-desc-title {
  font-size: 36px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #212121;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-desc-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-desc-title {
    font-size: 26px;
    margin-bottom: 10px;
  }
}

.size-tab .cun-name {
  width: 20%;
  border-right: 1px solid #ebebeb;
}

.review {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.review_thumb {
  width: 100px;
}
.review-title-date {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.review-title-date .title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.review_wrap {
  margin-top: 30px;
}

.comments-area {
  margin-top: 30px;
}
.comments-area .title {
  font-size: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.comments-area_text {
  font-size: 12px;
  font-style: italic;
}
.comments-area_form {
  margin-top: 20px;
}
.comments-area_input {
  width: 100%;
  height: 50px;
  border: 1px solid #dedede;
  border-radius: 0px;
  padding: 10px;
  margin-top: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.comments-area_input:focus {
  border-color: #BC8157;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.comments-area_textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #dedede;
  border-radius: 0px;
  padding: 10px;
  margin-top: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.comments-area_textarea:focus {
  border-color: #BC8157;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Product Accordion */
.product-accordion {
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-accordion {
    padding-left: 0px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .product-accordion {
    padding-left: 0px;
    margin-top: 40px;
  }
}
.product-accordion .accordion-item {
  border: 0px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.product-accordion .accordion-button {
  font-size: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #212121;
  padding: 18px 40px 18px 40px;
  border-radius: 0px !important;
  border: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .product-accordion .accordion-button {
    padding: 18px 20px;
    font-size: 18px;
  }
}
.product-accordion .accordion-button.collapsed {
  color: #858585;
}
.product-accordion .accordion-body {
  padding: 0px 40px 30px 40px;
}
@media only screen and (max-width: 767px) {
  .product-accordion .accordion-body {
    padding: 0px 20px 20px;
  }
}
.product-accordion .product-desc-row {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-accordion .product-desc-row .product-desc-img {
  max-width: 100%;
  margin-bottom: 0;
}
.product-accordion .product-desc-row .product-desc-content {
  max-width: 100%;
  right: 0;
}
.product-accordion .product-desc-row .product-desc-title {
  font-size: 26px;
  margin: 30px 0 10px 0;
}
@media only screen and (max-width: 767px) {
  .product-accordion .product-desc-row .product-desc-title {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  03 - 27 My-Account CSS
/*----------------------------------------*/
/* My Account Tab List */
.my-account-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #E5E5E5;
}
.my-account-tab-list li + li {
  border-top: 1px solid #E5E5E5;
}
.my-account-tab-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
  text-transform: capitalize;
  gap: 8px;
}
.my-account-tab-list li a.active {
  color: #fff;
  background-color: #BC8157;
}

.alert-light {
  padding: 15px 20px;
  background-color: #f8f9fa;
}

.myaccount-content.address .title {
  font-size: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.myaccount-content.address .title .edit-link {
  font-size: 14px;
  text-decoration: underline;
  font-weight: 400;
  margin-left: 3px;
}
.myaccount-content.address .name {
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}

/*----------------------------------------*/
/*  03 - 28 FAQs CSS
/*----------------------------------------*/
.faq {
  margin-bottom: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .faq {
    margin-bottom: 60px;
  }
}
.faq-top {
  max-width: 770px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: right;
  padding: 200px 0 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-top {
    padding: 110px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-top {
    padding: 80px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-top {
    padding: 60px 0 0px;
  }
}
.faq-top__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 48px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-top__title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-top__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-top__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 479px) {
  .faq-top__title {
    font-size: 30px;
  }
}
.faq-search {
  position: relative;
  margin-top: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-search {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-search {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-search {
    margin-top: 40px;
  }
}
.faq-search input.form-field:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=range]) {
  height: 65px;
  background-color: transparent;
  padding-right: 40px;
}
.faq-search__btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  border: 0;
  background-color: transparent;
  color: #212121;
}
.faq-search__btn:hover {
  color: #BC8157;
}
.faq-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 90px 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-head {
    margin: 80px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-head {
    margin: 60px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-head {
    margin: 40px 0 10px;
  }
}
.faq-head__title {
  font-family: "Inter", sans-serif;
  font-size: 30px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-head__title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-head__title {
    font-size: 22px;
  }
}
.faq-head__border {
  border-bottom: 3px solid #212121;
  width: 50px;
  margin-left: 30px;
}
.faq .accordion-item {
  border: 1px solid rgba(212, 212, 212, 0.5);
  margin-top: 20px;
}
.faq .accordion-button {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  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;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 1.3;
  color: #BC8157;
  background-color: white;
  padding: 28px;
}
@media only screen and (max-width: 767px) {
  .faq .accordion-button {
    padding: 20px 28px;
    font-size: 16px;
  }
}
.faq .accordion-button::after {
  display: none;
}
.faq .accordion-button.collapsed {
  color: #858585;
}
.faq .accordion-button.collapsed i {
  color: #858585;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.faq .accordion-button i {
  font-size: 12px;
  color: #BC8157;
  margin-left: 15px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.faq .accordion-body {
  padding: 0 30px 30px;
  font-size: 15px;
  color: #858585;
}

/*----------------------------------------*/
/*  03 - 29 404 & Comming Soon CSS
/*----------------------------------------*/
/* 404 Error */
.error {
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.error-content {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .error-content {
    text-align: center;
  }
}
.error-content__title {
  font-family: "Inter", sans-serif;
  font-size: 38px;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .error-content__title {
    font-size: 30px;
  }
}
.error-content__text {
  color: #858585;
  margin: 30px 0 50px;
}
.error-content .btn {
  border-radius: 30px;
}

/* Coming Soon */
.coming {
  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: 767px) {
  .coming {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.coming-col {
  width: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .coming-col {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coming-col {
    width: 62%;
  }
}
@media only screen and (max-width: 767px) {
  .coming-col {
    width: 100%;
  }
}
.coming-bg {
  height: 100vh;
  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;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .coming-bg {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coming-bg {
    width: 38%;
  }
}
@media only screen and (max-width: 767px) {
  .coming-bg {
    width: 100%;
    height: 25vh;
  }
}
.coming-bg__logo {
  width: 240px;
  height: 100%;
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .coming-bg__logo {
    width: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .coming-bg__logo {
    width: 100px;
  }
}
.coming-bg::before {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.coming-content {
  text-align: center;
  padding: 100px 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coming-content {
    padding: 80px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .coming-content {
    padding: 60px 20px;
  }
}
.coming-title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 70px;
  text-transform: uppercase;
  color: #980002;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .coming-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coming-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .coming-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .coming-title {
    font-size: 30px;
  }
}
.coming-text {
  color: #858585;
  margin: 20px 0 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .coming-text {
    margin: 10px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .coming-text {
    margin: 10px 0 30px;
  }
}
.coming-form {
  position: relative;
  max-width: 650px;
  width: 100%;
  margin: 50px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 479px) {
  .coming-form {
    -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;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
  }
}
.coming-form__input {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  color: #858585;
  font-size: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 20px 40px;
  line-height: 1.1;
  height: 55px;
  max-width: 440px;
  width: 100%;
}
.coming-form__btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-left: 20px;
  border-radius: 30px;
  font-size: 18px;
  min-width: 160px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .coming-form__btn {
    height: 56px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .coming-form__btn {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    min-width: 120px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 479px) {
  .coming-form__btn {
    width: 160px;
    margin-top: 20px;
    margin-left: 0;
  }
}
.coming-social {
  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;
  margin-top: 40px;
}
.coming-social a {
  font-size: 20px;
  color: #858585;
  margin: 0 20px;
}
.coming-social a:hover {
  color: #BC8157;
}

/* Countdown */
.coming-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.coming-wrapper .single-countdown {
  width: 110px;
  margin: 0 15px;
}
@media only screen and (max-width: 767px) {
  .coming-wrapper .single-countdown {
    margin: 0 8px;
  }
}
.coming-wrapper .single-countdown .single-countdown_time {
  font-size: 42px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  line-height: 1.6;
  color: #8f8f8f;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 18px 0;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .coming-wrapper .single-countdown .single-countdown_time {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .coming-wrapper .single-countdown .single-countdown_time {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .coming-wrapper .single-countdown .single-countdown_time {
    font-size: 24px;
  }
}
.coming-wrapper .single-countdown .single-countdown_text {
  font-size: 18px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  line-height: 1;
  color: #BC8157;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .coming-wrapper .single-countdown .single-countdown_text {
    font-size: 15px;
  }
}

/*----------------------------------------*/
/*  03 - 30 Sidebar CSS
/*----------------------------------------*/
.sidebars {
  min-width: calc(50vw + 100%);
  background-color: #F9F9F9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .sidebars {
    min-width: 100%;
  }
}
.sidebars_inner {
  max-width: 300px;
  width: 300px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebars_inner {
    max-width: 250px;
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebars_inner {
    max-width: 210px;
    width: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebars_inner {
    max-width: 100%;
    width: 100%;
  }
}
.sidebars_search {
  margin-bottom: 60px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebars_search {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebars_search {
    margin-bottom: 30px;
  }
}
.sidebars_search__input {
  background-color: #ffffff;
  padding: 15px 40px 15px 20px;
  font-size: 14px;
  border: 1px solid #dedede;
  width: 100%;
}
.sidebars_search__input:focus {
  border-color: #555555;
}
.sidebars_search__btn {
  background-color: transparent;
  border: 0px;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
}
.sidebars_search__btn:hover {
  color: #BC8157;
}
.sidebars_widget {
  margin-bottom: 60px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebars_widget {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebars_widget {
    margin-bottom: 30px;
  }
}
.sidebars_widget:last-child {
  margin-bottom: 0px;
}
.sidebars_widget__title {
  font-size: 28px;
  font-weight: 400;
  font-family: "Montaga", serif;
  margin-bottom: 20px;
  color: #212121;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .sidebars_widget__title {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
.sidebars_widget .irs--round {
  height: 20px;
}
.sidebars_widget .irs--round .irs-from, .sidebars_widget .irs--round .irs-min, .sidebars_widget .irs--round .irs-max, .sidebars_widget .irs--round .irs-to {
  display: none;
}
.sidebars_widget .irs--round .irs-line {
  height: 5px;
  top: 6px;
}
.sidebars_widget .irs--round .irs-bar {
  height: 5px;
  background: #BC8157;
  top: 6px;
}
.sidebars_widget .irs--round .irs-handle {
  border: 0px;
  height: 18px;
  width: 18px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  top: 0px;
}
.sidebars_widget .extra-controls {
  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;
  margin-top: 20px;
}
.sidebars_widget .extra-controls_btn {
  font-size: 11px;
  font-weight: 600;
  border: 2px solid #212121;
  max-width: 110px;
  width: 100%;
  text-align: center;
  padding: 8px 10px;
  background-color: transparent;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebars_widget .extra-controls_btn:hover {
  border-color: #BC8157;
  background-color: #BC8157;
  color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .sidebars_widget .extra-controls_btn {
    max-width: 70px;
  }
}
.sidebars_widget .extra-controls_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebars_widget .extra-controls_filter label {
  font-size: 12px;
  color: #555555;
}
.sidebars_widget .extra-controls_filter input {
  border: 0px;
  background-color: transparent;
  max-width: 40px;
  text-align: center;
  font-size: 12px;
  color: #555555;
  font-family: "Inter", sans-serif;
}
.sidebars_widget__category li {
  margin-bottom: 15px;
}
.sidebars_widget__category li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .sidebars_widget__category li {
    margin-bottom: 10px;
  }
}
.sidebars_widget__category li a {
  font-size: 14px;
  color: #555555;
}
.sidebars_widget__category li a:hover {
  color: #BC8157;
}
.sidebars_widget__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 10px;
}
.sidebars_widget__product .single-product {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebars_widget__product .single-product:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .sidebars_widget__product .single-product {
    margin-bottom: 20px;
  }
}
.sidebars_widget__product .single-product_thumb {
  border: 1px solid #dedede;
  margin-right: 20px;
}
.sidebars_widget__product .single-product_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sidebars_widget__product .single-product_content__title {
  line-height: 1;
  margin-bottom: 10px;
  display: block;
}
.sidebars_widget__post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 10px;
}
.sidebars_widget__post .single-post {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebars_widget__post .single-post:last-child {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .sidebars_widget__post .single-post {
    margin-bottom: 20px;
  }
}
.sidebars_widget__post .single-post_thumb {
  margin-right: 20px;
  width: 90px;
}
.sidebars_widget__post .single-post_thumb img {
  width: 90px;
}
.sidebars_widget__post .single-post_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: calc(100% - 90px);
}
.sidebars_widget__post .single-post_content__meta {
  color: #BC8157;
  font-size: 11px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.sidebars_widget__post .single-post_content__title {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
}
.sidebars_widget__post .single-post_content__title:hover {
  color: #BC8157;
}
.sidebars_widget__instagram {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .sidebars_widget__instagram {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 479px) {
  .sidebars_widget__instagram {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sidebars_widget__instagram li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}
.sidebars_widget__instagram .instagram-thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.sidebars_widget__instagram .instagram-thumb::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebars_widget__instagram .instagram-thumb img {
  width: 100%;
}
.sidebars_widget__instagram .instagram-thumb i {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebars_widget__instagram .instagram-thumb:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.sidebars_widget__instagram .instagram-thumb:hover::before {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebars_widget__instagram .instagram-thumb:hover i {
  opacity: 1;
  color: #BC8157;
  visibility: visible;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 2;
}
.sidebars_widget__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sidebars_widget__tags li a {
  font-size: 14px;
  color: #555555;
  margin-right: 3px;
}
.sidebars_widget__tags li a:hover {
  color: #BC8157;
}
.sidebars_widget__banner {
  position: relative;
  overflow: hidden;
}
.sidebars_widget__banner::before {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebars_widget__banner .banner-content {
  position: absolute;
  padding: 10px;
  border: 1px solid #ffffff;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.sidebars_widget__banner .banner-content_title {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebars_widget__banner .banner-content_title:hover {
  color: #BC8157;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebars_widget__banner img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.sidebars_widget__banner:hover::before {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sidebars_widget__banner:hover img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.sidebars_widget__banner:hover .banner-content {
  width: 80%;
  height: 80%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  visibility: visible;
}

/* Shop Sidebar */
.sidebar-right .sidebars {
  padding: 130px 0 100px 70px;
  margin-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-right .sidebars {
    padding: 110px 0 100px 40px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-right .sidebars {
    padding: 80px 0 80px 20px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-right .sidebars {
    padding: 60px 20px 60px 20px;
    margin-left: 0px;
  }
}

.sidebar-left .sidebars {
  padding: 130px 70px 100px 92%;
  margin-right: 50px;
  margin-left: -83%;
  min-width: calc(50vw - 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .sidebar-left .sidebars {
    padding: 110px 40px 100px 92%;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-left .sidebars {
    padding: 110px 30px 100px 85%;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-left .sidebars {
    padding: 80px 20px 80px 73%;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-left .sidebars {
    padding: 60px 20px 60px 20px;
    margin-right: 0px;
    margin-left: 0px;
    min-width: 100%;
  }
}

/* Blog Sidebar */
.blog-sidebar .sidebars {
  min-width: 100%;
  background-color: transparent;
}
.blog-sidebar .sidebars_inner {
  max-width: 100%;
  width: 100%;
}
.blog-sidebar_mr {
  margin-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-sidebar_mr {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-sidebar_mr {
    margin-right: 0px;
  }
}
.blog-sidebar_ml {
  margin-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-sidebar_ml {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .blog-sidebar_ml {
    margin-left: 0px;
  }
}

.blog-sidebar-right .sidebars {
  padding: 120px 0 100px 0px;
  margin-left: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .blog-sidebar-right .sidebars {
    padding: 110px 0 100px 0px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-sidebar-right .sidebars {
    padding: 100px 0 100px 0px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-sidebar-right .sidebars {
    padding: 0px 0 80px 0px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-sidebar-right .sidebars {
    padding: 0px 0px 60px 0px;
    margin-left: 0px;
  }
}

.blog-sidebar-left .sidebars {
  padding: 120px 70px 100px 92%;
  margin-right: 50px;
  margin-left: -83%;
  min-width: calc(50vw - 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .blog-sidebar-left .sidebars {
    padding: 110px 40px 100px 92%;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-sidebar-left .sidebars {
    padding: 100px 30px 100px 85%;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-sidebar-left .sidebars {
    padding: 80px 20px 80px 73%;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-sidebar-left .sidebars {
    padding: 60px 20px 60px 20px;
    margin-right: 0px;
    margin-left: 0px;
    min-width: 100%;
  }
}

/* New Css for about page banner  */

.sub-banner {
  position: relative;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

/* Background image */
.sub-banner-img {
    width: 100%;
    height: 350px;
    /* object-fit: cover; */
    filter: brightness(60%);
}

/* Text on top of image */
.sub-banner .container {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.sub-banner h1 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #FFF;
}

.sub-banner p {
  font-size: 18px;
  opacity: 0.9;
}



.activeclass span{
  border-bottom: 2px solid #fff !important;
}


/* Counter section */
.countsec {
  background-color: transparent !important;
  padding: 50px 0;
}

.counter-section {
  text-align: center;
  color: #000;
  position: relative;
}

/* Counter boxes */
.counter-box {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px 0px;
  border-radius: 15px;
  position: relative;
  transition: transform 0.4s ease;
  overflow: hidden;
}

/* Overlay for readability */
.counter-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 15px;
  z-index: 1;
}

.counter-box * {
  position: relative;
  z-index: 2;
}

/* Hover effect */
.counter-box:hover {
  transform: translateY(-8px) scale(1.03);
}

/* Text styles */
.counter-number {
  font-size: 2.8rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.counter-plus {
  font-size: 2rem;
  color: #000;
  opacity: 0.9;
  animation: pulsePlus 1.2s infinite ease-in-out;
}

.counter-title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
}

@keyframes pulsePlus {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.7; }
}




/* Product grid images */

.varieties-section {
      padding: 50px 0;
      text-align: center;
    }
    .varieties-title {
      font-size: 2rem;
      font-weight: 700;
      color: #5a3e1b;
      margin-bottom: 35px;
      position: relative;
    }
    .varieties-title::after {
      content: '';
      width: 80px;
      height: 3px;
      background: linear-gradient(135deg, #f3a847, #d17b22);
      display: block;
      margin: 10px auto 0;
      border-radius: 2px;
    }
    .bread-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      row-gap: 50px;
      justify-items: center;
      align-items: center;
    }
    .bread-item {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
      transition: all 0.4s ease;
    }
    .bread-item:hover {
      transform: scale(1.04);
    }
    .bread-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 12px;
    }
    .bread-item.tall {
      height: 300px;
      width: 500px;
    }
    .bread-item.short {
      height: 300px;
      width: 250px;
    }
    @media (max-width: 768px) {
      .varieties-title {
        font-size: 1.7rem;
      }
      .bread-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }
      .bread-item.tall {
        height: 260px;
      }
      .bread-item.short {
        height: 200px;
      }
    }


/*  Our supplies */


.bento-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-rows: 250px;
gap: 15px;
padding: 0 20px 20px;
}

.bento-grid1 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-auto-rows: 250px;
gap: 15px;
padding: 0 20px 0px;
}

.bento-item {
position: relative;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.4s ease, box-shadow 0.4s ease;
}


.bento-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}


.bento-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.4s ease;
filter: brightness(85%);
}


.bento-item:hover img {
filter: brightness(100%);
transform: scale(1.05);
}


.bento-text {
position: absolute;
bottom: 10px;
left: 15px;
color: #fff;
font-weight: 600;
font-size: 1.1rem;
text-shadow: 0 2px 5px rgba(0,0,0,0.6);
background: rgba(0, 0, 0, 0.3);
padding: 6px 12px;
border-radius: 10px;
}


@media (min-width: 992px) {
.bento-grid {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 250px);
gap: 20px;
}

.bento-grid1 {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(1, 250px);
gap: 20px;
}


.bento-item:nth-child(1) {
grid-column: span 2;
grid-row: span 2;
}


.bento-item:nth-child(5) {
grid-column: span 2;
}


.bento-item:nth-child(9) {
grid-row: span 2;
}
}

/* WhatsApp Integration */

.whatsapp-name {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 0.5;
  color: #fff;
}
#whatsapp-chat {
  box-sizing: border-box !important;
  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 230px;
  right: 32px;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}
a.blantershow-chat {
background: none !important;
color: #404040;
position: fixed;
display: flex;
font-weight: 400;
justify-content: space-between;
z-index: 1002;
bottom: 180px;
right: 30px;
font-size: 18px;
height: 45px;
width: 45px;
padding: 4px;
border-radius: 30px;
/box-shadow: 0 1px 15px rgb(32 33 36 / 61%);/
}
a.blantershow-chat svg {
  transform: scale(1.2);
}
.header-chat {
  background: #009688;
  background: #095e54;
  color: #fff;
  padding: 20px;
}
.header-chat h3 {
  margin: 0 0 10px;
}
.header-chat p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
.info-avatar {
  position: relative;
}
.info-avatar img {
  border-radius: 100%;
  width: 60px;
  float: left;
  margin: 0 10px 0 0;
  background: #fff;
}
a.informasi {
  padding: 20px;
  display: block;
  overflow: hidden;
  animation-name: showhide;
  animation-duration: 0.5s;
}
a.informasi:hover {
  background: #f1f1f1;
}
.info-chat span {
  display: block;
}
#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}
#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
#get-label,
#get-nama {
  color: #fff;
}
span.my-number {
  display: none;
}
textarea#chat-input {
  border: none;
  font-family: "Arial", sans-serif;
  width: 100%;
  height: 46px;
  outline: none;
  resize: none;
  padding: 9px;
  font-size: 14px;
  border-radius: 0px;
  min-height: 50px;
}
a#send-it {
  font-weight: 700;
  padding: 10px 10px 0;
  background: #eee;
}
a#send-it svg {
  fill: #a6a6a6;
  height: 24px;
  width: 24px;
}
.first-msg {
  background: transparent;
  padding: 30px;
  text-align: center;
}
.first-msg span {
  background: #e2e2e2;
  color: #333;
  font-size: 14.2px;
  line-height: 1.7;
  border-radius: 10px;
  padding: 15px 20px;
  display: inline-block;
}
.start-chat .blanter-msg {
  display: flex;
}
#get-number {
  display: none;
}
a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;
}
@keyframes ZpjSY {
  0% {
    background-color: #b6b5ba;
  }
  15% {
    background-color: #111111;
  }
  25% {
    background-color: #b6b5ba;
  }
}
@keyframes hPhMsj {
  15% {
    background-color: #b6b5ba;
  }
  25% {
    background-color: #111111;
  }
  35% {
    background-color: #b6b5ba;
  }
}
@keyframes iUMejp {
  25% {
    background-color: #b6b5ba;
  }
  35% {
    background-color: #111111;
  }
  45% {
    background-color: #b6b5ba;
  }
}
@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
@media screen and (max-width: 1200px) {
.index-page.show{
  display: none !important;
}
}
#whatsapp-chat.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}
#whatsapp-chat.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}
.whatsapp-message-container {
  display: flex;
  z-index: 1;
}
.whatsapp-message {
  padding: 7px 14px 6px;
  background-color: white;
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}
.whatsapp-chat-body {
  padding: 4px 0px 0px 2px;
  background-color: #e6ddd4;
  position: relative;
}.whatsapp-chat-body::before {
  display: block;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url("../../senthaa/image-senthaa/whatsapp-bg.webp");
}
.dAbFpq {
  display: flex;
  z-index: 1;
}
.eJJEeC {
  background-color: white;
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}
.hFENyl {
  position: relative;
  display: flex;
}
.ixsrax {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  background-color: #9e9da2;
  animation-name: ZpjSY;
}
.dRvxoz {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  background-color: #b6b5ba;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  animation-name: hPhMsj;
}
.kAZgZq {
/*  padding: 7px 14px 6px;*/
 /* background-color: white;
  border-radius: 0px 8px 8px;*/
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
/*  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;*/
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}
/*.kAZgZq::before {
  position: absolute;
  background-image: url("../../solar-image/images/whatsapp/side-extend.webp");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0px;
  left: -12px;
  width: 12px;
  height: 19px;
}*/
.bMIBDo {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
}
.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}
.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}
.cqCDVm {
  text-align: right;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 17, 17, 0.5);
  margin-right: -8px;
  margin-bottom: -4px;
}
.phone .phon1 {
    position: fixed;
    bottom: 135px;
    right: 37px;
    z-index: 9;
    width: 35px;
}

.call-phone {
    height: 40px;
    z-index: 1003;
    position: fixed;
    right: 37px;
    bottom: 117px;
}

  /* Testimonial     */
  .testimonial-section {
      padding: 70px 0;
      background: linear-gradient(180deg, #fffaf7 0%, #ffffff 100%);
    }

    .testimonial-title {
      text-align: center;
      color: #5a3622;
      font-weight: 700;
      margin-bottom: 50px;
      font-size: 2rem;
    }

    .testimonial-card {
      background: #fff;
      border: none;
      border-radius: 20px;
      box-shadow: 0 10px 25px rgba(86, 60, 34, 0.1);
      padding: 30px 20px;
      position: relative;
      transition: all 0.3s ease;
      overflow: hidden;
    }

    .testimonial-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 18px 40px rgba(86, 60, 34, 0.15);
    }

    .testimonial-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      background: linear-gradient(90deg, #5a67d8, #6b46c1);
    }

    .testimonial-avatar img {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 15px;
      box-shadow: 0 6px 20px rgba(86, 60, 34, 0.15);
    }

    .testimonial-name {
      font-weight: 600;
      color: #5a3622;
      margin-bottom: 25px;
    }

    .testimonial-role {
      font-size: 14px;
      color: #7b6b60;
      margin-bottom: 15px;
    }

    .testimonial-text {
      font-size: 15px;
      color: #000;
      line-height: 1.6;
      min-height: 100px;
      position: relative;
      padding: 0 10px;
    }

/*    .testimonial-text::before {
      content: '“';
      font-size: 40px;
      color: #5a3622;
      position: absolute;
      top: -10px;
      left: -10px;
      font-weight: 900;
    }*/

    .stars {
      color: #f5c146;
      letter-spacing: 1px;
      font-size: 16px;
      margin-top: 10px;
    }




/*HARISH*/

/*----------------------------------------*/
/*  22. funfact css start
/*----------------------------------------*/
.it-funfact-icon span {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-right: 17px;
  padding-left: 12px;
}
.it-funfact-icon span::after {
  position: absolute;
  content: "";
  top: -5px;
  left: 15px;
  display: inline-block;
  height: 41px;
  width: 41px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.15);
}
.it-funfact-icon span svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-funfact-content {
  text-align: start;
}
.it-funfact-content span {
  color: white;
  font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-content span {
    font-size: 14px;
  }
}
.it-funfact-number {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
  color: white;
}
.it-funfact-number i {
  font-style: normal;
}
.it-funfact-item {
  padding: 50px 0;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item {
    text-align: center;
    padding: 0;
    padding-bottom: 50px;
  }
}
.it-funfact-item::before {
  position: absolute;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item::before {
    display: none;
  }
}
.it-funfact-item:hover .it-funfact-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area {
    padding-top: 70px;
    padding-bottom: 20px;
  }
}
.it-funfact-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
.it-funfact-wrap {
  /*margin-top: -185px;*/
  padding: 0 80px;
  border-radius: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap {
    padding: 0 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap {
    padding: 60px 35px;
  }
}
@media (max-width: 767px) {
  .it-funfact-wrap {
    padding: 20px;
    border-radius: 30px;
}
}
.it-funfact-wrap::after {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: #f8c62f;
}
@media (max-width: 767px) {
  .it-funfact-wrap::after {
    border-radius: 30px;
  }
}
.it-funfact-wrap::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: #03594e;
}
@media (max-width: 767px) {
  .it-funfact-wrap::before {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap .it-funfact-item {
    padding: 71px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-wrap .it-funfact-item::before {
  display: none;
}
.it-funfact-wrap .it-funfact-icon svg {
  color: white;
}
.it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 15px;
}
@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-wrap .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:not(:last-child) .it-funfact-item {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}
.it-funfact-shape-1 {
  position: absolute;
  top: -56%;
  left: 1.5%;
  z-index: 1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 {
    top: -54%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-2 {
  position: absolute;
  bottom: -15%;
  right: 1.5%;
  z-index: 1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 {
    bottom: -28%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 {
    bottom: -30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-funfact-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-funfact-style-2 {
  background-color: var(--it-common-black);
  clip-path: path("M0 0C159.993 0 323.993 25.8668 484 25.8668C644 25.8668 800 0 960 0C1120 0 1284 25.8668 1444 25.8668C1603.99 25.8668 1759.99 0 1919.99 0C1920 73.3809 1920 146.762 1920 220.143C1759.99 220.143 1603.99 246.006 1444 246C1284 246.006 1120 220.139 960 220.133C800 220.139 644 246.006 484 246C324 246.006 160 220.143 0 220.143C0 146.762 0 73.3809 0 0Z");
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 {
    clip-path: none;
    padding: 70px 0;
  }
}
.it-funfact-style-2 .it-funfact-item {
  padding: 94px 0;
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item {
    padding: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item.style-4 {
    margin-bottom: 0;
  }
}
.it-funfact-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-funfact-style-3 .it-funfact-item {
  padding: 75px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-3 .it-funfact-item {
    padding: 0 0 50px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 70px 0;
  }
}
@media (max-width: 767px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 100px 0;
    background-image: none !important;
    background-color: #03594e;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-4.it-funfact-area {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-content span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-number {
    font-size: 24px;
  }
}
.it-funfact-style-5 .it-funfact-number {
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-5.it-funfact-area .row [class*=col-] .it-funfact-item {
    padding-bottom: 50px;
  }
}
.it-funfact-style-6 {
  margin-top: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: -30px;
  }
}
@media (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: 0;
    padding-bottom: 71px;
    background-color: var(--it-common-black);
  }
}
.it-funfact-style-6 .it-funfact-icon span::after {
  background-color: var(--it-theme-5);
}
.it-funfact-style-6 .it-funfact-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .it-funfact-style-6 .it-funfact-bg {
    display: none;
  }
}
.it-funfact-style-6 .it-funfact-item::before {
  top: auto;
  bottom: 0;
  width: 2px;
  height: 94%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-6 .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-style-7 {
  margin-top: -20px;
}
.it-funfact-style-7 .it-funfact-icon span::after {
  background-color: rgba(255, 255, 255, 0.15);
}
.it-funfact-2-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.journey-count {
  background-color: #8b5e3c;
  border-radius: 100px;
}
.spl-borrad {
  border-radius: 115px 10px;
}
.txt-justy {
  text-align: justify !important;
}

.spl-ul li {
  font-family: "Inter", sans-serif, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 10px;
  line-height: 30px;
}

.spl-ul li::before {
  content: "\f1fd";
  font-family: "FontAwesome";
  color: #8b5e3c;
  padding-right: 10px;
}

.spl-ul1 li {
  font-family: "Inter", sans-serif, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 10px;
  line-height: 30px;
}
/*
.spl-ul1 li::before {
  content: "\f1fd";
  font-family: "FontAwesome";
  color: #8b5e3c;
  padding-right: 10px;
}*/
.spl-countimg {
  width: 66% !important;
}
.alicon-center {
  align-content: center !important;
}
.font-18 {
  font-size: 17px !important;
}
.font-34 {
  font-size: 34px !important;
  line-height: 40px !important;
}
.spl-pointimg {
  width: 60px !important;
  height: 60px !important;
}
.journey-sub {
  border-radius: 20px;
  height: 400px;
  width: 600px;
}
.splwid55 {
  width: 55px !important;
  max-width: 55px !important;
}
.spl-iconbox {
  height: 80px !important;
  width: 80px !important;
  margin-bottom: 25px !important;
}
.spl-wid30 {
  max-width: 30px !important;
}
.spl-bgwhite {
  background-color: white !important;
}
.spl-colblack::before {
  filter: brightness(0) invert(0) !important;
}
.col-black {
  color: black !important;
}
/*----------------------------------------*/
/*  03. activities css start
/*----------------------------------------*/
.it-activities-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-activities-item {
  padding: 70px 70px;
  padding-bottom: 62px;
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid #03594e;
  }
  .it-activities-item:hover {
    border: 5px solid #f8c62f;
  }
}
.it-activities-item::before {
  position: absolute;
  content: url(../../assets/images/about/activities-4-1.png);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item::before {
    display: none;
  }
}
.it-activities-item::after {
  position: absolute;
  content: url(../../assets/images/about/activities-4-2.png);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  transition: 0.3s;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item::after {
    display: none;
  }
}
.it-activities-item p {
  font-size: 14px;
  margin: 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-activities-item p {
    margin: 0;
  }
}
.it-activities-item:hover::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-activities-item:hover .it-activities-icon svg, .it-activities-item:hover .it-activities-icon i {
  color: #f8c62f;
}
.it-activities-icon {
  margin-bottom: 28px;
}
.it-activities-icon svg, .it-activities-icon i {
  transition: 0.3s;
  color: #03594e;
}
.it-activities-title {
  margin-bottom: 15px;
}
.it-activities-shape-1 {
  position: absolute;
  z-index: -1;
  top: 23%;
  left: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-1 {
    top: 10%;
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-shape-1 {
    display: none;
  }
}
.it-activities-shape-2 {
  position: absolute;
  z-index: -1;
  right: 7%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-2 {
    top: 10%;
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-shape-2 {
    display: none;
  }
}
.spl-subhead {
  font-size: 22px !important;
  font-weight: 600 !important;
}
.spl-padd20 {
  padding: 20px !important;

}

/***
=============================================
History Page
=============================================
***/
.history-page {
    position: relative;
    display: block;
    z-index: 1;
}

.history-page__line {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    height: 2000px;
    width: 1px;
    background: var(--cleanin-bdr-color);
}

.history-page__single {
    position: relative;
    display: block;
    margin-bottom: 50px;
    margin-top: 10px;
}

.history-page__single .year-box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #8b5e3c;
    border-radius: 50%;
    color: white;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
}

.history-page__single .year-box::before {
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    border: 1px solid #8b5e3c;
    border-radius: 50%;
    content: "";
}

.history-page__single-img {
    position: relative;
    display: block;
    padding-right: 85px;
}

.history-page__single-img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.history-page__single-img-inner img {
    width: 100%;
}

.history-page__single-content {
    position: relative;
    display: block;
    padding-left: 85px;
    margin-top: -8px;
}

.history-page__single.style2 .history-page__single-content {
    padding-left: 0px;
    padding-right: 85px;
    text-align: right;
}

.history-page__single.style2 .history-page__single-img {
    padding-right: 0px;
    padding-left: 85px;
}

.history-page__single-content h2 {
    font-size: 30px;
    line-height: 44px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 23px;
}

.history-page__single-content p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    color: #000;
}
.spl-cupimg {
  height: 50px;
  margin-right: 20px;
}
.spl-tallshort {
  width: 100%;
  border-radius: 20px;
}
.it-cta-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-cta-5-content p {
  margin-top: 15px;
  margin-bottom: 27px;
  line-height: 1.75;
  color: black;
}
.it-cta-5-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-5-thumb {
    right: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-5-thumb {
    right: -17%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-thumb {
    right: -27%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-5-thumb {
    display: none;
  }
}
.it-cta-5-thumb img {
  max-width: inherit;
}
.it-cta-5-shape-1 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 3%;
}
.it-cta-5-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  right: 42%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-shape-2 {
    transform: scale(0.7);
    right: 49%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-5-shape-2 {
    transform: scale(0.6);
    right: 24%;
  }
}
@media (max-width: 767px) {
  .it-cta-5-shape-2 {
    transform: scale(0.5);
    right: 6%;
  }
}
.it-cta-5-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}
.fix
 {
    overflow: hidden;
}
.z-index-2 {
    position: relative;
    z-index: 2;
}
.pb-120 {
    padding-bottom: 60px;
}
.pt-110 {
    padding-top: 60px;
}
@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
}
@keyframes flap {
  0% {
    transform: rotate(-10deg) scaleY(0.95);
  }
  25% {
    transform: rotate(-5deg) scaleY(1);
  }
  50% {
    transform: rotate(0deg) scaleY(1.05);
  }
  75% {
    transform: rotate(5deg) scaleY(1);
  }
  100% {
    transform: rotate(10deg) scaleY(0.95);
  }
}
.it-section-title {
    font-size: 36px;
    margin-bottom: 0;
    line-height: 1.4;
    color: black;
    font-family: 'Spartan-Bold', sans-serif;;
}
.white-bg {
    background: white;
  }
  .it-btn-yellow {
    font-size: 16px;
    padding: 15.5px 29px;
    line-height: 1.1;
    font-weight: 500;
    text-align: center;
    transition: 0.4s;
    border-radius: 8px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: var(--it-ff-jost);
    background-color: #8b5e3c;
}
.it-btn-yellow span {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    color: #1f2432;
}
.it-btn-yellow.white-bg span {
    color: #1f2432;
}
.it-btn-yellow span span.text-1 {
    position: relative;
    display: block;
    transition: 0.3s;
}

.it-contact-3-left {
  padding: 20px;
  padding-bottom: 55px;
  margin-right: 75px;
  border-radius: 20px;
  height: 100%;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-3-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-3-left {
    margin-right: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-left {
    height: auto;
    margin-right: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-left .it-details-title {
    font-size: 22px;
  }
}
.it-contact-3-right {
  margin-left: -30px;
  position: relative;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-3-right {
    margin-left: 0;
  }
}
.it-contact-3-right::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -10px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  z-index: -1;
  background-color: #781b66;
}
@media (max-width: 767px) {
  .it-contact-3-right::after {
    right: -5px;
    bottom: 5px;
  }
}
.it-contact-3-form-box {
    padding: 30px 30px;
    padding-bottom: 10px;
    border-radius: 20px;
    border: 1px solid #e9ebf1;
    background-color: white;
    box-shadow: 0 16px 32px -2px rgba(32, 33, 36, 0.1), 0 8px 16px -2px rgba(32, 33, 36, 0.06);
}
/* keyframes */
.animate-custom-rotate {
  animation: custom-rotate 15s linear infinite;
  z-index: -1;
}
@keyframes custom-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.img-front {
  position: absolute;
}
.img-back {
  position: relative;
  bottom: 20px;
  right: 10px;
}

/*=====================================
    6. Wish Start
=======================================*/
.wish {
    background: url(../../assets/images/festive/lastyear-party-bg-image.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 80px;
    padding-top: 60px;
    padding-bottom: 160px;
}

.spin-text {
    padding-top: 30px;
}

.spin-text .casino-btn {
    padding-top: 40px;
}

.spin-text p {
    color: #fff;
    font-family: "Arimo", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.party-img {
    padding-bottom: 30px;
    margin-top: -110px;
    position: relative;
    z-index: 10;
}

.slidNext4 {
    position: absolute;
    bottom: -26%;
    right: 44%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    cursor: pointer;
    background: transparent;
    border: 1px solid #999;
    z-index: 9;
    opacity: 1;
    color: #999;
}

.christ-img {
  border-radius: 20px;
}


.slidprev4 {
    position: absolute;
    bottom: -26%;
    left: 44%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    cursor: pointer;
    background: transparent;
    border: 1px solid #999;
    z-index: 9;
    opacity: 1;
    color: #999;
}

.slidNext4:hover,
.slidprev4:hover {
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}

/*=====================================
    Wish End
=======================================*/

/* ===========================================================
   3. Donate & Gift css start
=============================================================== */
.donate-btn,
.donate {
    position: relative;
}

.donate {
    padding-top: 60px;
    padding-bottom: 0px;
}

.gift_text p {
    color: #000;
    line-height: 24px;
    padding-bottom: 30px;
}

.donate-btn ul li:last-child {
    left: 155px;
}

.donate-btn ul li {
    transition: all 450ms cubic-bezier(.4, .25, .3, 1.3);
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.15);
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
}

.donate-btn ul li a {
    color: #1e7a8e;
    text-align: center;
}

.donate-btn ul li i {
    font-size: 22px;
}

.donate-btn ul li span {
    padding-left: 12px;
    font-family: 'Arimo';
    font-size: 16px;
    visibility: hidden;
    display: none;
}

.donate-btn ul .active,
.donate-btn ul li:hover {
    box-shadow: none;
    border-radius: 100px;
    /*    background: #1e7a8e;*/
    width: 140px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}

.donate-btn ul .active a,
.donate-btn ul li:hover a {
    color: #fff !important;
}

.donate-btn ul .active span,
.donate-btn ul li:hover span {
    display: inline-block;
    visibility: visible;
    position: relative;
    margin-top: 0px;
}

.santa img {
    padding-top: 33px;
}


/* ===========================================================
    4. Santa Coming Start
=============================================================== */
.santa-coming {
    background: url(../../assets/images/festive/counter-bg-image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px;
}

.digit {
    margin-top: 160px;
    margin-bottom: 160px;
}

.digit span {
    text-align: center;
    font-size: 30px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 10px;
    font-family: "Abril Fatface", 'sans-serif';
    z-index: 999;
}

.digit p {
    text-align: center;
    /*    color: #1e7a8e;*/
    padding-top: 5px;
    font-size: 28px;
    font-family: "Abril Fatface", 'sans-serif';
    font-weight: 400;
    text-transform: capitalize;
    z-index: 999;
}

.days-border {
    position: relative;
}

.days-border:after {
    position: absolute;
    content: '';
    right: 0;
    height: 355px;
    width: 1px;
    background: #eaeff1;
    top: 0;
}

/*=====================================
 Santa Coming End
=======================================*/

/*=====================================
    5. Party Start 
=======================================*/
.party {
    position: relative;

}

.party-btn a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    font-family: "Arimo", 'sans-serif';
    color: #fff;
    border-radius: 35px;
    padding: 14px 29px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    z-index: 99;
}

.party-btn a:hover {
    background: #fff;
    ;
    -webkit-box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.15);
}

.gift_text .party-btn {
    margin-top: 20px;
}

/*=====================================
   Party End
=======================================*/

/*** 

====================================================================
    About Section Two
====================================================================

***/

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

.about-section-two .content-column{
  position: relative;
  margin-bottom: 50px;
}

.about-section-two .content-column .inner-column{
  position: relative;
  padding-top: 50px;
}

.about-section-two .content-column .sec-title{
  position: relative;
  margin-bottom: 20px;
}

.about-section-two .content-column .sec-title .text{
  margin-top: 20px;
}

.about-section-two .content-column .sec-title h2{
  font-size: 48px;
}

.about-section-two .content-column .list-style-one{
  margin-bottom: 30px;
}

.about-section-two .content-column .btn-box{
  position: relative;
}

.about-section-two .content-column .btn-box a{
  padding: 15px 30px;
  line-height: 20px;
  font-weight: 600;
  font-size: 15px;
}

.about-section-two .about-block{
  position: relative;
  margin-bottom: 30px;
}

.about-section-two .about-block .inner-box{
  position: relative;
}

.about-section-two .about-block h4{
  position: relative;
  padding-left: 35px;
  font-size: 24px;
  line-height: 50px;
  color: #24293d;
  font-weight:600;
}

.about-section-two .about-block .icon{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 50px;
  color: #e6275a;
}

.about-section-two .about-block .text{
  font-size: 16px;
  color: #888888;
  line-height: 1.2em;
  font-weight: 500;
}

.about-section-two .image-column{
  position: relative;
  margin-bottom: 50px;
}

.about-section-two .image-column .image-box{
  position: relative;
  padding-right: 0px;
}

.about-section-two .image-column .image-box img{
  display: block;
  width: 100%;
  z-index: 1;
}

.about-section-two .image-column .image{
  position: relative;
  margin-bottom: 0;
}

.about-section-two .image-column .image:before{
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  background-image: url(../../assets/images/festive/icon-shape.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  z-index: 8;
}


.about-section-two .icon-circle-blue{
  left: -150px;
  bottom: -150px;
  opacity: .70;
  -webkit-animation: fa-spin 30s infinite;
  -moz-animation: fa-spin 30s infinite;
  -ms-animation: fa-spin 30s infinite;
  -o-animation: fa-spin 30s infinite;
  animation: fa-spin 30s infinite;
}

.about-section-two .icon-dots{
  left: 5%;
  top: 20%;
}

.about-section-two .icon-circle-1{
  right: -200px;
  top: -200px;
  opacity: .05;
}
.spl-paddleri {
  padding: 30px 19px 0px !important;
}
.spl-updown {
    width: 250px;
    height: 150px;
    border-radius: 20px;
    border: 10px solid white;
    position: relative;
    bottom: 150px;
    left: 270px;
}
.spl-qualbg {
  background-color: #8b5e3c;
  width: fit-content;
  justify-content: space-evenly;
  gap: 0px 15px; 
  padding: 10px 15px; 
  border-radius: 20px;
  position: relative;
  top: 150px;
}
.col-white {
  color: white !important;
}
.spl-ramadanimgwid {
  width: 600px;
  height: 400px;

}
.abot-img {
    animation: border-transform 10s linear infinite alternate forwards;
    width: 500px;
}
.spl-ramadan-bg {
  margin-top: 0px;
  background: url('../../assets/images/festive/faq-8-1.png');
  padding: 50px 0px;
  background-position: center;
  background-size: contain;
}
.spl-martopminus {
  margin-top: -20px !important;
}
.it-funfact-2-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.it-funfact-shape-1 {
  position: absolute;
  top: -56%;
  left: 1.5%;
  z-index: 1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 {
    top: -54%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-2 {
  position: absolute;
  bottom: -15%;
  right: 1.5%;
  z-index: 1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 {
    bottom: -28%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 {
    bottom: -30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
.it-funfact-style-2 {
  background-color: black;
  clip-path: path("M0 0C159.993 0 323.993 25.8668 484 25.8668C644 25.8668 800 0 960 0C1120 0 1284 25.8668 1444 25.8668C1603.99 25.8668 1759.99 0 1919.99 0C1920 73.3809 1920 146.762 1920 220.143C1759.99 220.143 1603.99 246.006 1444 246C1284 246.006 1120 220.139 960 220.133C800 220.139 644 246.006 484 246C324 246.006 160 220.143 0 220.143C0 146.762 0 73.3809 0 0Z");
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 {
    clip-path: none;
    padding: 30px 0;
  }
}
.it-funfact-style-2 .it-funfact-item {
  padding: 94px 0;
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item {
    padding: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item.style-4 {
    margin-bottom: 0;
  }
}
.spl-bulkpadd {
  padding: 50px 100px 0px !important;
}

.btn-nohover{
  position: relative;
    display: inline-block;
    background: var(--accent-color);
  border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
  line-height: 1.25em;
    text-transform: capitalize;
    color: var(--white-color);
    padding: 15px 52px 15px 30px;
    overflow: hidden;
    border: none;
  transition: all 0.4s ease-in-out;
    z-index: 0;
}


.btn-nohover::before{
  content: '';
  position: absolute;
  top: 50%;
    right: 30px;
  width: 12px;
  height: 12px;
  background: url('../images/arrow-white.svg') no-repeat;
    background-position: center center;
    background-size: cover;
  transform: translateY(-50%);
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.btn-nohover:hover::before{
  transform: translateY(-50%) rotate(45deg);
}
.spl-bulkimg {
  width: 500px;
  height: 400px;
}
@keyframes border-transform {
    0%, 100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}
.it-about-left {
  margin-right: -12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-left {
    margin-right: 0;
  }
}
.it-about-right {
  margin-left: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-right {
    margin-left: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-right .it-section-title br {
    display: none;
  }
}

.p-relative {
    position: relative;
}
.fix {
    overflow: hidden;
}
.pb-130 {
    padding-bottom: 40px;
}
.pt-130 {
    padding-top: 90px;
}
.it-about-shape-2 {
    position: absolute;
    top: -16%;
    right: 0;
    z-index: -1;
}
a,
.btn,
button,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.it-about-left {
    margin-right: -12px;
}
.border-radius-20 {
    border-radius: 20px;
}
.z-index-1 {
    position: relative;
    z-index: 1;
}
.pl-15 {
    padding-left: 15px;
}
.border-radius-20 img {
    border-radius: 20px;
}
.it-about-shape-1 {
    position: absolute;
    top: -10%;
    left: -5%;
    z-index: -1;
}
.thumb-overlay {
    position: relative;
}
.it-about-thumb.thumb-overlay img {
    width: 100%;
}
.it-about-experience-box {
    padding: 20px 40px;
    margin-top: 20px;
    border-radius: 20px;
    background-color: black;
}
.it-about-experience-box h5 {
    font-size: 40px;
    margin-bottom: 0;
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    color: white;
    font-family: var(--it-ff-heading);
}
.it-about-experience-box span {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
    color: white;
}
/*.net-img {
  position: absolute;
}
*/
.net-para {
    position: relative;
    top: -210px;
    padding: 0px 70px;
}
body {
  background: #ffffff;
}

/*.numbers-wrapper {
  display: flex;
  gap: 40px;
  padding: 60px;
}
*/
/* MAIN NUMBER */
.sketch-3d {
  position: relative;
  font-size: 50px;
  font-weight: 900;
  color: #ffffff;
  -webkit-text-stroke: 2px #8b5e3c;
  text-stroke: 2px #1e3fa9;
  line-height: 1;
  text-shadow: 0 4px 10px rgba(90, 55, 30, 0.55);
}

/* 3D DEPTH */
.sketch-3d::before {
  content: attr(data-text);
  content: attr(data-text);
}

/* EXTRUSION */
.sketch-3d::after {
  content: attr(data-text);
  position: absolute;
  top: 10px;
  left: 10px;
  color: transparent;
  -webkit-text-stroke: 2px #1e3fa9;
  z-index: -1;

  /* Cross-hatch sketch effect */
  background:
    repeating-linear-gradient(
      45deg,
      rgba(30,63,169,0.6) 0,
      rgba(30,63,169,0.6) 1px,
      transparent 1px,
      transparent 4px
    ),
    repeating-linear-gradient(
      -45deg,
      rgba(30,63,169,0.6) 0,
      rgba(30,63,169,0.6) 1px,
      transparent 1px,
      transparent 4px
    );

  -webkit-background-clip: text;
  background-clip: text;
}
.spl-martopminus120 {
  margin-top: -120px !important;
}
/*** 

====================================================================
  About Section Two
====================================================================

***/

.about-section-two{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 40px 0 60px;
}

.about-section-two .sec-title{
  margin-bottom: 20px;
}

.about-section-two .content-box{
  position: relative;
  max-width: 570px;
  margin: 0 auto;
  text-align: center;
  padding-left: 40px;
}

.about-section-two .content-box p{
  position: relative;
  margin-bottom: 30px;
}

.about-section-two .designation{
  font-size: 18px;
  color: #4b4342;
  font-weight: 500;
}

.about-section-two .devider_icon_one{
  margin-bottom: 20px;
}

.about-section-two.alternate{
  padding: 110px 0 40px;
}

.about-section-two.alternate .sec-title{
  margin-bottom: 10px;
}

.about-section-two.alternate .sec-title .divider{
  margin-bottom: 0;
}

.about-section-two.alternate .devider_icon_one{
  margin-bottom: 0px;
}

/* SECTION BASE */
.nature-section {
  padding: 60px 0;
  background: #ffebfb;
}

/* FEATURE BOX */
.feature-box {
  position: relative;
  max-width: 370px;
}

.feature-box h4 {
  font-weight: 700;
  color: #2f6b3f;
  margin-bottom: 8px;
}

.feature-box p {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.65);
}

/* CENTER DISH */
.food-dish {
  max-width: 320px;
  border-radius: 50%;
}

/* ARROWS */
.arrow {
  position: absolute;
  width: 100px;
}

.arrow-right {
  top: 0px;
  right: -110px;
  transform: scaleX(-1);
}

.arrow-down-right {
  bottom: -10px;
  right: -110px;
}

.arrow-left {
  top: -10px;
  left: -110px;
}

.arrow-down-left {
  bottom: 0px;
  left: -110px;
  transform: scaleX(-1);
}

/* FLOATING VEGGIES */
.floating-elements {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.float-item {
  position: absolute;
  width: 100px;
  opacity: 0.9;
}

.f1 { top: 5%; right: 5%; }
.f2 { bottom: 8%; right: 4%; }
.f3 { bottom: 5%; left: 4%; }
.f4 { top: 6%; left: 8%; }
.f5 { top: 26%; right: 38%; }
.f6 { top: 68%; left: 36%; }

/* RESPONSIVE */
@media (max-width: 991px) {
  .nature-section {
    padding: 30px 0;
  }

  .feature-box {
    max-width: 100%;
    text-align: center;
  }

  .food-dish {
    max-width: 260px;
  }
}
.spl-logimg {
  height: 100%;
  padding-top: 10px;
  padding-right: 20px;
}
.spl-logimg2 {
  height: 100%;
  padding-top: 10px;
  padding-left: 20px;
}
.spl-logibg {
  background: white;
  padding: 20px 40px;
  border-radius: 20px;
  box-shadow: 0px 2px 8px #b1b1b1;
}
/*--------------------------------------------------------------
# Call To Action
--------------------------------------------------------------*/
.call-to-action {
  overflow: hidden;
  background-color: var(--thm-base);
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

@media (min-width: 1200px) {
  .call-to-action {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.call-to-action .container {
  position: relative;
}

.call-to-action .floated-text {
  position: absolute;
  display: none;
  top: 60px;
  right: 150px;
  font-size: 80px;
  color: var(--thm-black);
  font-family: 'Homemade Apple', cursive;
  opacity: 0.1;
}

@media (min-width: 1200px) {
  .call-to-action .floated-text {
    display: block;
  }
}

.call-to-action__image {
  max-width: 100%;
  margin-bottom: 50px;
}

@media (min-width: 1200px) {
  .call-to-action__image {
    max-width: none;
    margin-bottom: 0;
    float: right;
  }
}

.call-to-action .block-title h3,
.call-to-action .block-title p,
.call-to-action .block-title span {
  color: #fff;
}

@media (min-width: 1200px) {
  .call-to-action__content {
    padding-left: 90px;
    padding-top: 120px;
  }
}

.call-to-action__content > p {
  margin: 0;
  color: #fff;
  margin-top: -20px;
}

@media (min-width: 1200px) {
  .call-to-action__content > p {
    font-size: 18px;
    margin-top: 0;
  }
}

.call-to-action__wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}

@media (min-width: 1200px) {
  .call-to-action__wrap {
    margin-top: 40px;
    padding-top: 32px;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .call-to-action__wrap [class*=col-] + [class*=col-] .call-to-action__box {
    padding-left: 30px;
  }
}

.call-to-action__box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.call-to-action__box > i {
  font-size: 50px;
  color: #fff;
}

.call-to-action__box h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  font-family: var(--special-font);
  margin-left: 30px;
}

@media (min-width: 1200px) {
  .call-to-action__box h3 {
    max-width: 115px;
    font-size: 20px;
  }
}

.call-to-action .thm-btn {
  background-color: var(--thm-black);
  color: #fff;
  padding: 18px 51px;
}

.call-to-action .thm-btn:hover {
  background-color: #fff;
  color: var(--thm-black);
}

[class*=call-to-action-five__shape-],
[class*=call-to-action-four__shape-],
[class*=call-to-action-two__shape-],
[class*=call-to-action__shape-] {
  position: absolute;
  display: none;
}

@media (min-width: 992px) {
  [class*=call-to-action-five__shape-],
  [class*=call-to-action-four__shape-],
  [class*=call-to-action-two__shape-],
  [class*=call-to-action__shape-] {
    display: block;
  }
}

.call-to-action__shape-1 {
  bottom: -140px;
  right: 0;
  animation: treeMove 5s linear infinite;
}

.call-to-action__shape-2 {
  top: 120px;
  left: 25%;
  z-index: 10;
}

.call-to-action-two {
  position: relative;
  border-top: 2px solid #f4f4f4;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (min-width: 1200px) {
  .call-to-action-two {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}

.call-to-action-two .container {
  position: relative;
}

.call-to-action-two__image {
  position: relative;
}

.call-to-action-two__image .floated-text {
  font-family: 'Homemade Apple', cursive;
  display: none;
  position: absolute;
  font-size: 80px;
  color: #8b5e3c;
  right: -50px;
  z-index: 100;
  top: -45px;
}

@media (min-width: 1200px) {
  .call-to-action-two__image .floated-text {
    display: block;
  }
}

.call-to-action-two__image > img {
  max-width: 100%;
  position: relative;
  z-index: 10;
}

@media (min-width: 1200px) {
  .call-to-action-two__image > img {
    max-width: none;
  }
}

.call-to-action-two__content h4 {
  color: var(--thm-base);
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.8;
  margin: 0;
  margin-top: -20px;
}

@media (min-width: 768px) {
  .call-to-action-two__content h4 {
    margin-top: 0;
    max-width: 270px;
  }
}

@media (min-width: 1200px) {
  .call-to-action-two__content h4 {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

.call-to-action-two__content > p {
  margin: 0;
  color: var(--thm-color);
  line-height: 2;
  margin-top: 15px;
}

@media (min-width: 1200px) {
  .call-to-action-two__content > p {
    max-width: 270px;
    font-size: 18px;
  }
}

.call-to-action-two__content ul {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .call-to-action-two__content ul {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .call-to-action-two__content ul {
    margin-left: -10px;
  }
}

.call-to-action-two__content ul li {
  position: relative;
  font-size: 16px;
  color: var(--thm-color);
  padding-left: 26px;
}

@media (min-width: 1200px) {
  .call-to-action-two__content ul li {
    font-size: 18px;
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  .call-to-action-two__content ul li + li {
    margin-top: 5px;
  }
}

.call-to-action-two__content ul li > i {
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  color: var(--thm-base);
  transform: translateY(-50%);
}

@media (min-width: 1200px) {
  .call-to-action-two__content ul li > i {
    font-size: 20px;
  }
}

.call-to-action-two__content .thm-btn {
  background-color: var(--thm-base);
  color: #fff;
  padding: 18px 51px;
}

.call-to-action-two__content .thm-btn:hover {
  background-color: var(--thm-black);
  color: #fff;
}

@media (min-width: 1200px) {
  .call-to-action-two__content .thm-btn {
    margin-top: 55px;
  }
}

.call-to-action-two__shape-1 {
  bottom: 0;
  left: 0;
  animation: treeMove 5s ease-in infinite;
}

.call-to-action-two__shape-2 {
  bottom: 50px;
  left: 180px;
  -webkit-animation-name: shapeMover;
  animation-name: shapeMover;
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}

.call-to-action-two__shape-3 {
  left: 43%;
  bottom: 19%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: banner3Shake;
  animation-name: banner3Shake;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.call-to-action-two__shape-4 {
  left: 52%;
  bottom: 100px;
  -webkit-animation-name: bubbleMover;
  animation-name: bubbleMover;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-duration: 10s;
}

.call-to-action-two__shape-5 {
  right: 100px;
  bottom: 350px;
  -webkit-animation-name: shapeMover;
  animation-name: shapeMover;
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}

.call-to-action-two__shape-6 {
  bottom: 50px;
  right: 250px;
}
.spl-fleet {
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
  border-radius: 20px;
  padding: 28px;
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.08),
    0 2px 6px rgba(0, 0, 0, 0.04);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  position: relative;
  overflow: hidden;
}

/* Hover effect */
.spl-fleet:hover {
  transform: translateY(-6px);
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.12),
    0 6px 14px rgba(0, 0, 0, 0.08);
}

/* Soft glow accent */
.spl-fleet::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(99,102,241,0.08), transparent 60%);
  opacity: 0;
  transition: opacity 0.35s ease;
}

.spl-fleet:hover::before {
  opacity: 1;
}
.it-blog-item {
    padding: 30px 30px 15px;
    transition: 0.3s;
    /*padding-bottom: 35px;*/
    border-radius: 20px;
    background-color: white;
    border: 1px solid rgba(26, 182, 157, 0.1);
    box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-blog-thumb {
    overflow: hidden;
}
/* BLOG CARD */
.it-blog-item {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  height: 100%;
  transition: all 0.35s ease;
}

.it-blog-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

/* IMAGE */
.it-blog-thumb {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.it-blog-thumb img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.it-blog-item:hover .it-blog-thumb img {
  transform: scale(1.08);
}

/* TAG */
.it-blog-tag {
  position: absolute;
  top: 18px;
  left: 18px;
  background: #8b5e3c;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 8px;
}

/* CONTENT */
/*.it-blog-content {
  padding: 26px;
}
*/
/* META */
.it-blog-meta {
  display: flex;
  gap: 22px;
  font-size: 16px;
  color: black;
}

.it-blog-meta span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.it-blog-meta svg {
  color: #8b5e3c;
}

/* TITLE */
.it-blog-title a {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
  color: #0f172a;
  text-decoration: none;
  transition: color 0.3s ease;
}

.it-blog-title a:hover {
  color: #8b5e3c;
}

/* BUTTON */
.it-blog-btn {
  margin-top: 18px;
}

.it-btn-yellow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
}

.it-btn-yellow:hover {
  color: white;
}

.it-btn-yellow svg {
  transition: transform 0.3s ease;
}

.it-btn-yellow:hover svg {
  transform: translateX(5px);
}
@media (max-width: 991px) {
  .it-blog-thumb img {
    height: 210px;
  }
}

@media (max-width: 767px) {
  .it-blog-content {
    padding: 10px;
  }

  .it-blog-title a {
    font-size: 17px;
  }
}

@media (max-width: 575px) {
  .it-blog-thumb img {
    height: 190px;
  }

  .it-blog-meta {
    flex-direction: column;
    gap: 8px;
  }
}

.it-cta-4-area {
  padding-top: 210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-area {
    overflow: hidden;
    padding-top: 0px;
  }
}
.it-cta-4-wrap {
  padding: 60px 60px 10px;
  padding-top: 60px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-wrap {
    padding: 75px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap {
    padding: 75px 80px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-wrap {
    text-align: center;
    padding: 30px 20px;
  }
}
.it-cta-4-wrap p {
  margin-top: 17px;
  margin-bottom: 28px;
  line-height: 1.75;
  color: white;
}
@media (max-width: 767px) {
  .it-cta-4-wrap p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap .it-section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-wrap .it-section-title br {
    display: none;
  }
}
.it-cta-4-thumb {
  position: absolute;
  bottom: 0;
  right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-thumb {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-thumb {
    display: none;
  }
}
.it-cta-4-shape-1 {
  position: absolute;
  bottom: 0;
  left: 15%;
  z-index: -1;
}
.it-cta-4-shape-2 {
  position: absolute;
  z-index: -1;
  top: -6%;
  left: 4.5%;
  animation: rotate 30s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-4-shape-2 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-cta-4-shape-2 {
    display: none;
  }
}
.it-cta-4-shape-3 {
  position: absolute;
  z-index: -1;
      top: 0%;
    left: 27%;
}
.theme-bg {
  background-color: #8b5e3c;
}
.juscon-center {
  justify-content: center !important;
}
.spl-quickbg {
  background-image: url('../../assets/images/blog/funfact-bg-12.png');
  padding: 50px 100px;
  background-repeat: no-repeat;
  background-position: center;
    background-size: cover;
}
.spl-mosqimg {
  background-image: url('../../assets/images/blog/feature-8-1.png');
  background-repeat: no-repeat;
  width: 400px;

}
.spl-mosqpadd {
  padding: 100px 60px 100px 40px !important;
}
/*** 
=============================================
    About Area style      
=============================================
***/
.about-area{
    position: relative;
    display: block;
    padding-top: 50px;
}
.about-image-box {
    position: relative;
    display: block;
    max-width: 550px;
    width: 100%;
    min-height: 550px;
    margin: 0px auto 0;
}
.about-image-box img{
    width: 100%;
}
.about-image-box .image-box-one{
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 260px;
}
.about-image-box .image-box-two {
    position: absolute;
    top: -145px;
    left: 0px;
    right: 0;
    width: 260px;
    height: 260px;
    margin: 0 auto;
}
.about-image-box .image-box-three {
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    height: 260px;
}
.about-image-box .image-box-four {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 145px;
    width: 260px;
    height: 260px;
    margin: 0 auto;
}
.about-image-box .icon-box{
    position: absolute;
    top: 77px;
    left: 0;
    right: 0;
    width: 105px;
    height: 105px;
    background: transparent;
    margin: 0 auto;
    text-align: center;
    z-index: 3;
}
.about-image-box .icon-box:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #203260;
    content: "";
    z-index: -1;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(0px) rotateX(0deg) rotate(45deg);
}
.about-image-box:hover .icon-box:before{
    transform: perspective(0px) rotateX(0deg) rotate(-45deg);    
}
.about-image-box .icon-box span:before {
    display: block;
    padding: 20px 0;
    color: #3398fd;
    font-size: 65px;
    line-height: 65px;
}

.about-text{
    position: relative;
    display: block;
    padding-top: 20px;
}
.about-text .sec-title {
    padding-bottom: 44px;
}
.about-text .inner-content{
    position: relative;
    display: block;    
}
.about-text .inner-content h3{
    color: #3398fd;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}
.about-text .inner-content .text{
    display: block;
    padding: 26px 0 17px;
}
.solar-services{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-solar-box{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 70px;
}
.single-solar-box:last-child{
    margin-right: 0;
}
.single-solar-box .icon{
    width: 60px;
}
.single-solar-box .icon span:before{
    color: #3aa40c;
    font-size: 60px;
    line-height: 60px;
}
.single-solar-box .icon,
.single-solar-box .title{
    display: table-cell;
    vertical-align: middle;
}
.single-solar-box .title{
    padding-left: 20px;
}
.single-solar-box .title h3{
    color: #203260;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    transition: all 500ms ease;
}
.single-solar-box:hover .title h3{
    color: #3aa40c;
}
.about-text .button{
    position: relative;
    display: block;
    margin-top: 38px;
}



.about-style-one .about-content p {
    margin: 0;
    color: #83888D;
    font-size: 16px;
    line-height: 26px;
}

.about-style-one .about-content p.highlite {
    color: #2E2E2E;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 16px;
}

.about-style-one .about-content ul.list-items {
    margin-top: 20px;
}

.about-style-one .about-content ul.list-items li {
    position: relative;
    color: #83888D;
    font-size: 16px;
    padding-left: 40px;
}

.about-style-one .about-content ul.list-items li+li {
    margin-top: 10px;
}

.about-style-one .about-content ul.list-items li i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    color: #01B9E6;
    font-size: 22px;
}
.spl-viewmore {
  color: black !important;
}
.spl-viewmore::before {
  content: "";
  filter: brightness(0) invert(0) !important;
}
.spl-whibg {
  background-color: white !important;
}
.spl-viewmore::after {
  content: "";
  background-color: white !important;
}


.rts-banner-area-7 {
  position: relative;
}
.rts-banner-area-7 form {
  position: relative;
}
.rts-banner-area-7 form i {
  position: absolute;
  left: 15px;
  top: 21px;
}
.rts-banner-area-7 form input {
  padding-left: 35px;
}
.rts-banner-area-7 .shape-area-start .one {
  position: absolute;
  left: -20px;
  top: 15%;
  animation: rotateIt 5s linear infinite;
}
.rts-banner-area-7 .shape-area-start .two {
  position: absolute;
  right: 40px;
  top: 10%;
  animation: rotateIt 5s linear infinite;
}
.rts-banner-area-7 .shape-area-start .three {
  position: absolute;
  right: 47%;
  top: 20%;
  animation: rotateIt 5s linear infinite;
}
@media (max-width: 991px) {
  .rts-banner-area-7 .shape-area-start .three {
    display: none;
  }
}
.rts-banner-area-7 .shape-area-start .four {
  position: absolute;
  right: 49%;
  top: 88%;
  animation: rotateIt 5s linear infinite;
}
@media (max-width: 991px) {
  .rts-banner-area-7 .shape-area-start .four {
    display: none;
  }
}

/*----------------------------------------*/
/*  09. career css start
/*----------------------------------------*/
.it-career-details-area .postbox-dsc p {
  margin-right: 0;
}
.it-career-details-area .postbox-dsc p span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-details-area .it-details-list ul li svg {
  color: rgba(31, 36, 50, 0.8);
}
.it-career-details-area .it-details-list ul li b {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-details-area.it-course-details-style-3 .it-course-sidebar-thumb {
  margin-bottom: 50px;
}
.it-career-details-area .it-career-details-area .it-details-list ul li svg {
  height: 17px;
  width: 17px;
}

.it-career-item {
  padding: 40px;
  border-radius: 20px;
  background-color: #e7e8e9;
  border: 1px solid rgba(3, 89, 78, 0.1);
}
@media (max-width: 767px) {
  .it-career-item {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-item {
    padding: 40px;
  }
}
.it-career-item > span {
  display: block;
  margin-bottom: 30px;
}
.it-career-item .title {
  font-size: 24px;
  margin-bottom: 15px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-item .it-btn-yellow {
  padding: 0;
  height: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-price {
  font-size: 14px;
  border-radius: 5px;
  padding: 17px 20px;
  display: inline-block;
  line-height: 1;
  color: white;
  background-color: #6c757d;
  border: 1px solid rgba(26, 182, 157, 0.3);
}
@media (max-width: 767px) {
  .it-career-price {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-price {
    margin-bottom: 0;
  }
}
.it-career-meta {
  margin-bottom: 30px;
}
.it-career-meta span {
  line-height: 1;
  display: inline-block;
}
.it-career-meta span:not(:last-child) {
  padding-right: 15px;
  margin-right: 13px;
  font-family: var(--it-ff-spartan-medium);
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}
.spl-topmove {
  position: relative;
  top: 20px;
  left: 100px;

}

.it-contact-2-form-box {
  padding: 40px 30px;
  padding-top: 60px;
  border-radius: 10px;
  background-color: #8b5e3c;
}
.it-contact-2-form-box .it-btn-yellow {
  border-radius: 5px;
}
.it-contact-2-form-title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px;
  color: white;
}
@media (max-width: 767px) {
  .it-contact-2-form-title {
    font-size: 22px;
  }
}
.it-contact-2-input-wrap {  
  margin-bottom: 27px;
}
.it-contact-2-input-wrap label {
  font-weight: 600;
  margin-bottom: 11px;
  color: white;
}
.it-contact-2-input-box {
  position: relative;
}
.it-contact-2-input-box input {
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 50px;
  color: black;
  background-color: #ffffff;
}
.it-contact-2-input-box input::placeholder {
  font-size: 14px;
}
.it-contact-2-input-box textarea {
  height: 150px;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  color: black;
  background-color: white;
}
.it-contact-2-input-box textarea::placeholder {
  font-size: 14px;
}
.it-contact-2-input-box .icon {
  position: absolute;
  top: 48%;
  right: 23px;
  transform: translateY(-50%);
}
.it-contact-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}


input {
  height: 55px;
  width: 100%;
  border: none;
  outline: none;
  padding: 0 25px;
  line-height: 50px;
  font-size: 16px;
  color: black;
  background-color: #F6F7F9;
  text-transform: capitalize;
}
input::placeholder {
  color: var(--it-text-body);
  text-transform: capitalize;
}
input:focus {
  border-color: #03594e;
}

textarea {
  outline: none;
  width: 100%;
  padding: 20px 25px;
  border: none;
  height: 200px;
  resize: none;
  color: black;
  background-color: #F6F7F9;
  text-transform: capitalize;
}
textarea::-webkit-input-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:-moz-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea::-moz-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:-ms-input-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:focus {
  border-color: #03594e;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: #03594e;
  color: white;
  text-shadow: none;
}

::-moz-selection {
  background: #03594e;
  color: white;
  text-shadow: none;
}

::selection {
  background: #03594e;
  color: white;
  text-shadow: none;
}

*::-moz-placeholder {
  color: black;
  font-size: var(--it-fz-body);
  opacity: 1;
}

*::placeholder {
  color: black;
  font-size: var(--it-fz-body);
  opacity: 1;
}
.spl-inputfile {
  padding: 10px 25px !important;
  line-height: 25px !important;
}

.about-two {
  position: relative;
  padding: 40px 0 0;
}
@media (max-width: 767px) {
  .about-two {
    padding-top: 35px;
  }
}
.about-two__heading {
  width: 171px;
  height: 171px;
  background-color: #31b0c8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 26px;
  color: var(--villoz-white, #fff);
  font-weight: 600;
  padding: 0 42px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: -13px;
  top: 88px;
  box-shadow: 0px 20px 20px 0px rgba(21, 29, 42, 0.1);
  -webkit-animation-name: treeMove;
  animation-name: treeMove;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@media (max-width: 767px) {
  .about-two__heading {
    top: 0;
    left: 0;
  }
}
.about-two__heading::after {
  position: absolute;
  right: 36px;
  bottom: 1px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: #31b0c8;
  transform: rotate(17deg);
}
.about-two__thumb-area {
  position: relative;
  margin: 0 -9px 0 -45px;
}
@media (max-width: 1299px) {
  .about-two__thumb-area {
    margin: 0 -39px 0 0;
  }
}
@media (max-width: 1199px) {
  .about-two__thumb-area {
    margin: 0;
    max-width: 624px;
  }
}
.about-two__thumb {
  position: relative;
  max-width: 550px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 900 834" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0 834) scale(.1 -.1)"> <path d="m5936 8143c-11-11-6-23 9-23 8 0 15 4 15 9 0 13-16 22-24 14z"/> <path d="m6059 8089c-8-31-3-79 7-79 9 0 11 11 7 38-5 34-11 52-14 41z"/> <path d="m6260 8066c0-16 7-27 21-31 30-10 34 0 12 29-23 32-33 33-33 2z"/> <path d="m6515 8079c-10-14-1-21 19-13 9 3 13 10 10 15-7 12-21 11-29-2z"/> <path d="m5863 8053c-7-2-13-13-13-24 0-14 7-19 26-19 25 0 26-2 21-41-3-23-13-47-24-54-15-11-16-16-5-27 20-20 44 2 57 55 11 43 10 49-5 60-10 7-19 21-21 31-4 21-17 27-36 19z"/> <path d="m5925 8051c-7-12 12-24 25-16 11 7 4 25-10 25-5 0-11-4-15-9z"/> <path d="m6110 8015c-15-18 4-29 29-15 11 5 39 10 62 10 57 0 46 6-23 13-41 4-60 2-68-8z"/> <path d="m6290 7995c-10-13-7-17 24-30 25-11 36-22 36-36 0-19-4-21-39-16-25 3-44 0-52-9-8-7-38-16-66-20-44-5-53-4-53 9 0 21 34 31 59 18 27-15 31-14 31 8 0 25-43 54-58 39-9-9-16-7-30 5-33 30-47 21-43-25 1-10-5-17-16-18-76-3-116-13-121-32-2-11-23-28-46-39-23-10-48-24-57-30-24-17-49-4-49 26 0 32-18 32-30 0-5-14-17-25-26-25s-30-7-47-16c-61-32-66-34-72-24-10 15-35 12-35-5 0-9-9-15-23-15-13 0-34-13-49-30-15-18-36-30-50-30s-41-15-62-35c-21-19-45-35-52-35-8 0-22-4-32-9-68-35-91-42-117-39-24 2-29 7-27 24 1 12-4 27-13 34-22 18-31-14-16-57 15-41 11-46-49-67-32-11-48-12-57-4-10 8-13 7-13-5 0-8 6-17 12-19 10-4 10-11 2-29l-11-24-12 23c-13 25-51 30-51 7 0-8 5-24 12-35 16-25 1-41-16-17-8 10-26 17-47 17-29-1-38-7-62-45-28-44-30-45-85-47-31 0-69 0-84 1-21 2-28-2-28-16 0-25-19-43-46-43-37 0-52-10-47-31 4-15 0-19-20-19-14 0-29-4-32-10-3-5-15-10-26-10-10 0-27-4-37-9-9-5-25-12-35-15-9-3-22-17-27-31s-21-30-34-35-28-15-33-22c-11-18-71-45-114-52-19-4-52-15-72-25s-39-16-42-13c-11 11-5 50 10 62 20 17 19 36-4 59-12 12-16 24-10 32 9 15-8 42-22 33-5-3-9-14-9-25 0-24-18-25-27-2-4 10-20 28-35 41s-28 30-28 37c0 29-59 57-127 61-40 3-78 12-97 23-52 31-106 21-157-28-43-41-63-49-74-31-3 5-22-2-42-16-26-17-45-23-61-19-27 7-62-18-62-43 0-10-6-12-22-8-13 4-53 7-91 6-46-1-74 4-89 14-31 22-71 20-86-4s-33-25-79-3c-29 13-41 14-67 5-48-17-70-15-94 11-25 26-20 37 15 37 32 0 29 22-8 43-38 21-78 22-85 2-5-11-21-15-60-15s-54-4-54-13c0-20 33-47 58-47 21 0 52-24 52-41 0-5-15-28-32-52-32-43-34-44-88-42-30 0-60 4-66 8-17 10-24-2-24-40s-16-44-29-9c-8 20-18 24-72 29-89 8-125-19-112-87 6-29 24-34 43-11 18 22 39 18 50-9 5-13 14-26 21-28 9-3 9-9 0-26-14-27-56-29-84-5-18 17-20 17-38-6-21-26-26-90-7-109 6-6 11-25 10-42-1-27 3-32 30-37 16-3 32-12 35-19 3-8 13-14 23-14 73 0 61-60-12-64-25-1-33-7-38-25-3-13-14-27-25-31-30-11-108 1-128 19-18 15-21 14-43-12-18-21-32-28-53-25-34 3-57-14-66-50-3-15-15-36-26-48-22-24-17-50 13-59 32-11 43-48 23-79-18-27-18-27 14-59 23-25 31-42 31-70 0-30 4-37 20-37 11 0 20-3 19-7-2-20-58-98-68-95-6 1-16 3-23 5-6 1-16-8-23-20-8-15-15-19-26-13-26 15-41-3-29-34 12-34 6-46-25-46-17 0-26-8-34-32-11-30-12-30-30-14-23 21-41 14-41-15 0-22-29-26-48-7-21 21-33-4-17-36 20-37 11-62-23-71-42-10-93-45-102-71-6-15-23-27-50-35-22-7-40-15-40-18s-6-14-14-23c-11-15-16-16-56-2-28 10-46 12-53 5-15-15-1-39 25-43 21-3 23-9 25-73 3-57 0-72-14-84-13-9-14-15-5-18 6-3 12-12 12-20 0-14-3-13-25 1-36 23-53 20-57-11-2-19-10-29-23-31-11-2-33-16-48-30l-29-27-19 24c-18 22-20 22-44 7-14-9-32-27-40-40-9-13-25-26-36-29s-23-15-26-27c-4-17-11-20-27-15-48 15-60 11-81-31-11-22-59-80-107-128-49-48-88-90-88-93 0-13 33-140 41-155 25-50 49-127 49-160 0-30 5-39 27-50 27-13 31-21 53-124 8-36 20-69 53-141 5-12 6-36 2-55-10-44-10-113 0-166 5-29 3-57-5-83-11-34-11-44 5-78 9-22 24-42 31-45 8-3 14-15 14-26s7-23 15-26c28-11 15-30-52-74-37-25-72-47-78-49-5-2-28-16-50-30s-47-30-56-36c-9-5-43-31-75-57s-66-53-75-60-20-30-24-52c-6-37-4-41 44-85 30-28 51-56 51-68 0-15-20-36-65-68-36-25-86-64-112-86-27-22-60-51-75-64-16-13-28-29-28-37 0-7 22-35 48-63 86-90 112-129 112-170 0-24 11-55 30-87 17-26 30-55 30-62 0-8 9-18 20-21s25-16 31-28c7-12 18-26 25-30 8-4 14-19 14-32 0-14 4-25 9-25 14 0 30-55 20-71-16-25-9-44 27-67 42-26 43-26 80-7 19 10 32 11 39 4 6-6 6-12 0-17-25-18-35-42-29-66 7-30 22-34 31-8 13 33 47 72 64 72 10 0 21 5 24 11 4 5 19 8 34 4 22-5 29-1 43 27 9 18 18 44 20 58 3 22 9 25 46 28 23 2 42 7 42 12 0 11 88 11 96-1 9-15 46-10 59 7 15 21 52 10 61-18 6-19 7-19 16-5 5 10 18 17 30 17 17 0 19-4 14-25-4-14-2-34 3-44 12-22-7-71-26-71-13 0-18-51-7-63 15-15 35 7 29 33s-4 28 32 33c48 6 59-7 55-68-4-45-6-48-53-70-41-19-57-21-94-14-55 10-91-3-100-38-7-29-31-25-28 5 2 16-4 23-22 28-14 3-25 12-25 20 0 16-28 18-50 4-12-7-12-12-2-22 6-6 12-20 12-30s11-23 24-28c22-8 66-59 66-75 0-4-17-5-39-1-28 4-42 2-51-9-17-21-30-19-30 4 0 11-3 22-7 24-15 9-53-13-53-30 0-10-16-42-36-71l-37-53-30 31c-19 19-39 30-58 30-34 0-79-39-79-69 0-17-6-21-30-21-22 0-30-5-30-18 0-20 18-42 35-42 7 0 17 11 23 25 14 29 42 33 42 6s-41-50-105-57c-34-4-54-11-52-18 5-16 69-24 122-16 32 5 45 3 49-7 11-28-14-57-29-33-4 6-11 7-17 4-7-5-5-12 7-20 23-17 12-48-14-39-24 7-31-3-24-38 4-20 10-26 22-23 19 6 81-47 81-68 0-10-13-16-42-18-36-3-44-7-46-26-3-17 2-25 18-29 13-3 20-12 18-22-4-16-10-16-70-4-20 4-30 0-40-16-15-25-31-27-48-6-13 16-50 21-50 6 0-5 11-16 25-25 20-13 25-25 25-55 0-34-3-38-20-34-46 12-77-66-47-117 9-15 14-29 11-32-2-3 0-17 6-32 8-23 12-25 30-14 28 18 37 2 32-55-3-37-10-51-30-65-14-9-44-37-68-62-33-34-46-42-55-33-18 18-55-11-63-47-3-17-12-30-20-30s-27-11-42-25-31-25-36-25c-6 0-7-14-3-32 6-27 5-31-6-20-7 6-21 12-31 12-16 0-16-3-6-20 14-22 43-27 53-9 4 6 22 8 44 4 48-8 66 11 57 60-12 60 40 33 62-33 9-28 8-38-8-64-14-24-16-36-9-50s7-24-2-34c-10-13-10-17 0-23 10-7 10-12 0-29-11-18-10-23 12-41 30-25 38-25 67-1 20 17 27 29 31 60 2 12 62 41 71 35 6-3 10-17 10-30 0-19 7-24 41-30 33-6 43-4 54 12 13 16 16 16 25 3s12-13 21 3c11 19 39 23 39 6 0-34 70-51 96-24 9 8 27 17 42 21 39 8 58 20 53 36-13 44-13 70 0 66 8-3 15-14 17-25 3-23 57-43 96-36 31 6 33 18 6 33-20 11-27 44-11 54 5 3 14-1 21-9 8-9 27-14 54-12 34 2 42 7 44 25 5 32 24 27 51-13 28-41 41-44 41-11 0 13 6 26 14 29s16 16 18 29c3 21 8 23 58 23 54 0 55 1 58 30 5 50 10 59 26 46 11-9 19-9 35 1s23 10 33 0c18-18 26-15 33 16 3 15 21 38 40 52 18 14 39 35 44 48 10 22 13 22 39 8 15-8 35-17 45-20 23-7 11-31-41-81-35-35-37-40-40-112l-4-75 61-58c46-44 70-60 101-65 22-4 40-12 40-20 0-7 7-19 16-26 14-11 18-11 29 4 13 18 34 21 84 11 24-5 31-12 31-31 0-13 7-26 15-30 23-8 31 5 16 29-16 26-4 39 40 40 21 0 44 9 59 24 29 27 75 40 84 25 13-20 38-13 31 9-8 26 17 37 51 22 15-8 24-8 24-1 0 12 57 69 70 69 14 0 60-46 53-53-3-4-16-7-29-7-15 0-24-8-28-25-4-15-14-25-24-25-9 0-30-16-45-35s-33-35-40-35c-26-1-85-69-71-83 6-5 93 27 134 49 14 7 41 22 60 32 19 9 55 31 80 46 25 16 51 29 59 29s36 15 63 32c61 41 98 38 98-7 0-19-11-43-29-64-16-18-33-39-38-46-4-8-26-27-49-43-50-36-165-140-288-257-70-68-88-90-78-100 9-9 16-8 30 5 19 17 103 65 207 118 33 16 74 38 90 48 17 10 57 32 90 50s69 41 81 52c11 10 26 19 32 19 7 0 31 12 55 27 100 64 143 77 167 48 21-25 83-13 103 21 4 7 32 25 62 41 35 17 63 40 75 60 14 23 40 42 92 66 134 62 149 68 165 58 24-13 52-1 68 30 10 19 39 39 88 63 77 38 106 43 124 25 9-9 18-4 38 20 35 40 58 39 85-4 26-42 23-70-7-70-12 0-24-3-29-7-10-10 15-38 43-49 35-13 38-35 9-73-14-19-26-42-26-51 0-8-7-27-16-40-8-13-19-59-23-102l-7-78 46-46c56-56 104-82 183-100 47-10 65-10 93 0 30 11 38 10 52-2 9-8 27-18 40-21 12-4 22-12 22-17s15-9 33-9c23 0 41 8 58 26 13 15 51 39 84 55s77 45 98 64c36 33 37 35 37 107 0 40-7 109-16 153-8 44-17 99-21 123-6 42-5 42 26 42 18 0 58 14 89 31 82 45 103 56 145 75 20 9 37 20 37 25s20 6 45 2c44-6 45-5 45 21 0 34 17 33 67-3 61-44 84-82 81-133-3-35 0-43 17-46 10-2 34 4 52 13 31 17 34 17 51 2 27-25 58-21 84 12 65 80 126 86 172 18 14-21 26-46 26-56 0-23 19-31 70-31 29 0 41-6 53-24 9-13 30-26 48-30 30-6 31-7 14-20-24-17-13-46 17-45 13 0 50-6 83-13 59-14 60-14 63-51 3-31 10-42 42-63 22-15 42-35 45-45 8-23 33-25 42-3 9 25-17 64-44 64-14 0-23 6-23 15 0 18 28 19 90 2 58-16 97-43 116-78 19-37 34-37 34 1 0 29 21 42 34 21 3-5 18-12 33-16 16-3 38-16 50-27 11-11 29-18 40-16 15 3 18 12 15 63-2 33-1 57 3 53s16-3 27 3c14 7 29 7 50 0 17-6 33-9 36-6 8 8-30 45-47 45s-61 47-61 66c0 7-20 15-50 19-35 5-55 14-65 28-12 18-13 23-2 27 23 9 67 47 67 59 0 6-6 11-14 11-7 0-38 14-69 30-31 17-67 30-81 30-24 0-51 22-39 33 3 4-11 14-31 22-30 13-36 20-31 35 5 17 1 21-24 26-17 4-31 9-31 13 2 19 60 70 88 76 47 10 144 77 173 119 13 20 27 36 30 36s20 20 38 45c32 44 33 45 90 45 48 0 61 4 81 25 23 25 23 25 4 39-14 11-16 18-8 26 13 13 54-3 54-20 0-6 7-10 16-10 17 0 93-55 107-77 9-15 33-17 42-4 3 5-13 20-35 32-22 13-40 26-40 30s-3 15-6 23c-6 14 1 16 48 10 43-5 56-3 67 10 12 14 11 20-9 41-13 14-31 25-41 25-9 0-22 7-29 15s-20 15-30 15c-23 0-44 26-36 45 3 8 18 15 34 15 43 0 83 22 81 45-2 36 1 45 16 45 17 0 35 30 35 57 0 11-12 35-26 54-17 24-24 42-20 60 6 33 61 115 81 123 9 3 57 1 107-4s95-7 100-4 23 0 39-6c23-10 33-10 42-1 6 6 26 11 45 11s45 9 59 20c18 14 41 20 79 20 29 0 68 6 86 14s55 23 81 33c46 17 76 44 120 107 16 23 25 26 80 26 60 0 64-2 101-40 21-22 50-42 64-45 15-3 39-9 54-14 38-12 130 11 176 46 81 60 199 160 245 206 40 40 50 46 66 37 35-18 60-12 77 21 13 25 13 36 4 60-11 25-9 32 14 60 14 17 26 35 26 41 0 5 14 29 30 52 56 77 64 273 15 351-7 11-14 45-17 75-6 65-50 181-88 230-15 19-30 42-33 50-4 8-17 31-28 50-12 19-31 53-42 75-22 41-40 67-137 196-31 41-77 108-103 149-25 42-60 89-77 105-35 33-39 68-15 136 9 24 13 54 10 66s-7 89-10 172c-5 138-3 152 14 168 10 10 29 43 42 73 28 66 58 120 68 120 4 0 12-5 19-12 8-8 12-8 12-1 0 6-7 16-15 23-18 15-13 56 17 136 10 29 20 76 21 105 2 30 13 74 25 100 12 25 22 52 22 60s9 28 19 45l19 32-28 21c-16 11-33 21-38 21s-19 11-32 25c-22 23-23 29-12 58 7 19 12 63 12 98 0 42 5 72 15 85 19 25 19 53 0 60-20 8-19 43 1 51 24 9 68-22 74-52 4-21 15-30 45-41 68-23 99-18 134 22s33 54-9 54c-33 0-48 16-31 33 6 6 11 21 11 34 0 17-6 23-22 23-12 0-36 5-54 12-26 9-39 8-74-6-38-15-45-15-58-2s-13 18 1 40c21 31 22 65 2 72-28 11-15 30 35 54 64 30 80 48 69 78-5 12-14 24-21 26s-32 9-56 16c-36 12-44 11-55-2-15-19-41-28-53-20-5 4-24 26-42 49-28 37-32 48-26 81 5 34 3 40-21 56-31 21-74 14-101-15-22-25-38-24-74 3-28 21-30 25-24 70 6 41 4 51-12 63-28 21-40 18-83-20-55-50-81-44-81 20 0 35-10 55-29 55-29 0-38 18-31 65 6 38 3 50-17 79-39 53-59 60-139 44-56-11-71-17-81-38-6-14-25-36-41-50-15-14-44-47-63-75-49-72-67-86-98-78-36 8-42 20-39 78l3 50-60 1c-55 1-119-11-138-27-5-3 15-26 42-51 63-57 67-83 23-154-18-28-32-55-32-60s-8-19-18-32c-21-27-44-22-61 15-11 23-15 25-59 18-26-4-54-13-63-21-20-18-29-9-29 31 0 18-7 38-16 46-25 20-17 151 13 208 13 24 23 54 23 66 0 15 13 31 40 49 22 14 40 33 40 40 0 32-20 64-44 70-28 7-34 21-41 92-2 27-7 61-11 75-9 41 11 69 50 69 32 0 66 24 66 48 0 15-46 16-55 2-13-20-30-9-43 28-26 75-26 72 1 72 34 0 72 32 64 53-4 10-15 17-26 17s-23 5-26 10c-9 15-46 12-66-6-16-14-20-12-57 28-54 59-92 105-92 111 0 3-20 35-45 71-25 37-45 69-45 72s-11 20-25 38-25 40-25 48 18 36 40 61 40 51 40 59 7 23 15 34c20 26 20 163 0 190-8 10-15 28-15 40 0 30-37 80-108 148-34 32-64 67-67 77-4 10-26 27-51 38-42 19-61 51-29 51 8 0 15 9 15 20 0 14-7 20-22 20-13 0-32 7-42 15-25 19-40 19-56 0zm-457-209c5-13-21-46-36-46-4 0-7 14-7 30 0 23 5 30 19 30 10 0 21-6 24-14zm-1743-816c0-5-9-10-21-10-11 0-17 5-14 10 3 6 13 10 21 10s14-4 14-10zm-1506-15c14-14 13-20-5-55-13-25-28-40-40-40-21 0-24 12-9 38 5 9 14 29 20 45 11 31 13 32 34 12zm-924-1346c0-15-5-20-22-17-34 5-37 38-4 38 20 0 26-5 26-21zm98-3054c-2-5-28-32-58-59s-59-56-63-63c-13-21-28-5-21 23 5 20 2 24-15 24-14 0-21 6-21 20 0 17 7 20 39 20 22 0 43 5 46 10 3 6 17 10 29 10 13 0 29 7 36 15 14 17 34 16 28 0zm-711-571c10-27-14-40-37-19-11 10-17 22-14 26 9 15 44 10 51-7zm77-85c4-23 0-39-15-60-23-33-37-37-46-13-6 16 33 104 46 104 5 0 11-14 15-31z"/> <path d="m6590 7925c0-8 5-15 10-15 6 0 10 7 10 15s-4 15-10 15c-5 0-10-7-10-15z"/> <path d="m5694 7916c-8-21 3-49 16-41 5 3 10 15 10 25 0 25-18 36-26 16z"/> <path d="m6540 7900c0-6 11-15 25-20s25-14 25-20c0-5 5-10 10-10 15 0 12 17-7 40-18 21-53 27-53 10z"/> <path d="m5635 7839c-10-15 3-25 16-12 7 7 7 13 1 17-6 3-14 1-17-5z"/> <path d="m5262 7658c7-19 38-22 38-4 0 10-9 16-21 16s-19-5-17-12z"/> <path d="m2945 7289c-9-14 24-49 46-49 29 0 34 21 8 41-27 21-45 24-54 8z"/> <path d="m4020 7261c0-15 31-42 41-36 14 10 10 32-7 39-22 9-34 7-34-3z"/> <path d="m2187 6913c-3-5-7-29-11-54-5-35-3-49 8-58 19-16 36-6 36 22 0 11 12 33 26 48s23 32 20 38c-8 12-72 15-79 4z"/> <path d="m7162 6401c-8-5-12-17-10-27 2-15 15-20 58-26 30-3 58-4 62-2 17 10 7 26-24 38-55 22-72 26-86 17z"/> <path d="m1707 6004c-8-8 1-24 14-24 5 0 9 7 9 15 0 15-12 20-23 9z"/> <path d="m1670 5940c-13-25-5-40 20-40 24 0 31 11 23 38-7 28-29 28-43 2z"/> <path d="m1795 5920c-3-6 1-13 10-16 19-8 30 0 20 15-8 14-22 14-30 1z"/> <path d="m1396 5503c10-49 13-53 39-53 32 0 34 29 2 58-33 31-49 28-41-5z"/> <path d="m1226 5412c-6-9 29-42 44-42 6 0 10 5 10 10 0 6-7 10-15 10s-15 7-15 15c0 16-15 20-24 7z"/> <path d="m1141 5357c0-11-10-21-21-24-21-6-28-47-10-58 15-9 42 41 37 72-2 15-5 20-6 10z"/> <path d="m8445 5020c-8-13 20-24 41-16 20 8 9 26-16 26-10 0-22-5-25-10z"/> <path d="m8332 4490c1-13 9-25 16-28 17-5 15 23-4 39-14 11-15 10-12-11z"/> <path d="m8373 4395c0-27 2-38 4-22 2 15 2 37 0 50-2 12-4 0-4-28z"/> <path d="m8310 4250c-13-9-12-13 6-28 12-10 24-27 26-38s11-19 23-19c31 0 33 58 3 79-26 18-37 20-58 6z"/> <path d="m8671 4253c-40-8-131-83-137-112-3-14-10-47-16-73-9-38-8-56 7-105 21-69 40-92 100-122 24-12 47-26 50-32 10-15 97-11 151 7 51 17 104 60 132 107 9 15 22 27 29 27 18 0 19 170 1 170-7 0-24 16-38 34-14 19-47 49-73 67-42 29-58 34-115 35-37 1-78 0-91-3z"/> <path d="m8415 3740c-13-20 7-70 37-95 40-34 82-31 86 6 6 53-99 129-123 89z"/> <path d="m1256 2473c-11-11-6-23 9-23 8 0 15 4 15 9 0 13-16 22-24 14z"/> <path d="m1310 2406c-6-8-21-16-32-18-40-6-32-28 9-26 43 1 117 34 108 48-9 15-71 12-85-4z"/> <path d="m800 2377c0-15 80-71 88-62 8 8-59 75-75 75-7 0-13-6-13-13z"/> <path d="m716 2364c-9-22-8-24 9-24 8 0 15 6 15 14 0 22-17 28-24 10z"/> <path d="m1445 2365c-19-14-19-16-2-29 9-7 17-25 17-40 0-21 5-26 25-26 35 0 42 26 16 54-12 13-21 29-19 36 5 19-16 22-37 5z"/> <path d="m650 2316c0-10 9-16 21-16 24 0 21 23-4 28-10 2-17-3-17-12z"/> <path d="m1080 2275c-20-21-21-25-7-30 19-8 67 22 67 41 0 22-35 16-60-11z"/> <path d="m1196 2284c-10-25-7-34 9-34 8 0 15 9 15 19 0 26-16 35-24 15z"/> <path d="m627 2243c13-38 43-58 43-30 0 14-31 47-43 47-3 0-4-8 0-17z"/> <path d="m716 2232c-3-6-1-14 5-17 15-10 25 3 12 16-7 7-13 7-17 1z"/> <path d="m1130 2225c0-8 7-15 15-15s15 7 15 15-7 15-15 15-15-7-15-15z"/> <path d="m773 2214c-7-19 34-64 59-64 31 0 21 36-17 59-31 18-37 19-42 5z"/> <path d="m952 2198c3-7 18-15 34-16 16-2 31-8 34-12 3-5 17 0 30 10 19 15 21 20 8 20-9 0-19-6-22-12-3-10-9-8-19 5-16 20-71 24-65 5z"/> <path d="m445 2167c-4-10-5-21-1-24 10-10 18 4 13 24-4 17-4 17-12 0z"/> <path d="m617 2174c-10-11 3-24 24-24 10 0 19 7 19 15 0 15-31 21-43 9z"/> <path d="m1148 2126c-19-14-23-26-10-26 4 0 18 9 32 20 16 13 20 20 10 19-8 0-23-6-32-13z"/> <path d="m734 2085c-9-20-14-38-11-42 4-3 9 2 13 11 3 9 12 16 20 16s14 10 14 25c0 36-16 31-36-10z"/> <path d="m920 2105c-15-18-6-45 15-45 9 0 15 9 15 24 0 31-14 40-30 21z"/> <path d="m1e3 2101c-14-26-13-44 2-35 7 4 30 7 53 6 35-2 37 0 20 10-11 6-24 17-28 25-12 19-35 16-47-6z"/> <path d="m645 2060c-10-16 16-43 28-31 11 11 2 41-12 41-5 0-13-5-16-10z"/> <path d="m495 2051c-3-5 8-16 25-24 33-17 35-15 20 14-11 20-35 25-45 10z"/> <path d="m776 2053c-3-3-6-21-6-38 0-36 32-58 69-48 31 8 22 37-12 41-19 2-27 9-27 22 0 20-13 33-24 23z"/> <path d="m747 1848c11-13 23-31 26-40 7-21 27-24 27-4 0 17-45 66-61 66-8 0-4-9 8-22z"/> <path d="m555 1840c-3-5 3-10 15-10s18 5 15 10c-3 6-10 10-15 10s-12-4-15-10z"/> <path d="m495 1826c-11-8-16-19-12-30 10-24 25-19 42 14 17 34 4 41-30 16z"/> <path d="m366 1811c-3-5 1-12 10-15 25-10 34-7 34 9s-35 21-44 6z"/> <path d="m600 1770c0-16 7-20 31-20s30 3 25 16c-3 9-6 18-6 20s-11 4-25 4c-18 0-25-5-25-20z"/> <path d="m700 1778c1-21 26-48 44-48 25 0 31 29 10 45-24 18-54 19-54 3z"/> <path d="m853 1761c-14-22-8-31 23-31 29 0 39 16 24 35-17 20-33 19-47-4z"/> <path d="m740 1685c0-8 7-15 15-15s15 7 15 15-7 15-15 15-15-7-15-15z"/> <path d="m612 1669c-12-18-10-25 12-54 14-19 26-36 26-39s9-15 21-27c13-13 19-30 17-47-2-18 2-28 13-30 13-2 15 6 12 55-6 75-9 85-30 82-42-4-46 0-39 41 7 45-10 55-32 19z"/> <path d="m416 1662c-3-5 8-19 24-30 45-34 82-26 55 11-7 10-19 15-28 11-8-3-18-1-22 5-7 13-22 14-29 3z"/> <path d="m847 1664c-10-11 3-24 24-24 10 0 19 7 19 15 0 15-31 21-43 9z"/> <path d="m765 1640c-10-16 6-80 21-80 7 0 11 6 8 14s-1 23 4 33 7 24 5 31c-6 14-29 16-38 2z"/> <path d="m263 1624c-9-25 13-40 26-16 10 19 6 32-11 32-5 0-11-7-15-16z"/> <path d="m830 1565c0-9 5-15 11-13s11 8 11 13-5 11-11 13-11-4-11-13z"/> <path d="m403 1555c-25-10-30-30-12-41 14-8 42 19 37 37-2 11-9 12-25 4z"/> <path d="m535 1514c-26-28-41-62-31-71 13-14 55 22 69 58 13 34 14 39 1 39-8 0-26-12-39-26z"/> <path d="m313 1467c-24-11-29-22-14-31 8-6 48 31 40 38-2 2-14-1-26-7z"/> <path d="m641 1436c-8-9-11-19-7-23 9-9 29 13 24 27-2 8-8 7-17-4z"/> <path d="m415 1389c-8-38 12-67 21-31 8 29 28 28 48-3 10-15 22-22 31-19 20 8 19 34 0 34-9 0-27 11-41 25-33 33-51 32-59-6z"/> <path d="m350 1385c0-10 7-15 18-13 21 4 19 22-2 26-10 2-16-3-16-13z"/> <path d="m7102 1387c-6-7-34-21-61-31-28-10-53-21-55-25-3-4 16-30 42-58 36-38 60-54 100-67 62-18 83-12 107 34 23 44 18 69-21 116-29 36-42 44-68 44-19 0-38-6-44-13z"/> <path d="m640 1341c0-10-7-24-15-31-18-15-19-34-4-61 8-16 13-18 25-8 8 6 14 22 14 34 0 13 7 25 15 29 8 3 15 17 15 31 0 20-5 25-25 25-18 0-25-5-25-19z"/> <path d="m347 1309c-9-6-21-8-26-4-5 3-12 1-16-5-3-5 3-10 13-10 11 0 26-10 35-22 21-31 39-13 23 24-9 21-15 24-29 17z"/> <path d="m570 1269c0-11 5-17 10-14 6 3 10 13 10 21s-4 14-10 14c-5 0-10-9-10-21z"/> <path d="m490 1271c0-6 8-16 18-23s22-22 26-33c7-20 8-20 18-1 8 15 7 22-6 31-9 7-16 17-16 24 0 6-9 11-20 11s-20-4-20-9z"/> <path d="m540 1129c0-11 5-17 10-14 6 3 10 13 10 21s-4 14-10 14c-5 0-10-9-10-21z"/> <path d="m6320 865c0-29 25-38 86-33 39 3 49 16 23 29-8 3-24 11-36 17-13 7-34 12-48 12-20 0-25-5-25-25z"/> <path d="m7006 811c-22-24-21-28 15-46 28-15 32-15 50 1 22 20 18 29-20 49-26 13-30 13-45-4z"/> <path d="m7215 820c-3-6 1-13 10-16 19-8 30 0 20 15-8 14-22 14-30 1z"/> <path d="m7135 739c-10-15 24-99 40-99 7 0 15 7 19 15 3 8 16 15 30 15 24 0 36-16 36-51 0-14 7-19 25-19 20 0 25 5 25 24 0 14-11 33-25 44s-25 29-25 41c0 11-9 25-19 31-26 13-98 13-106-1z"/> <path d="m1589 722c-22-18-20-42 4-42 15 0 38 48 27 55-4 3-18-3-31-13z"/> <path d="m430 715c7-8 16-15 21-15s9 7 9 15c0 9-9 15-21 15-18 0-19-2-9-15z"/> <path d="m7090 665c0-11 7-15 23-13 12 2 22 8 22 13 0 6-10 11-22 13-16 2-23-2-23-13z"/> <path d="m6763 573c-4-10 2-23 16-35 27-21 54-23 70-5 8 10 4 19-19 35-35 26-58 28-67 5z"/> <path d="m595 520c-4-6-3-16 3-22s12-6 17 2c4 6 3 16-3 22s-12 6-17-2z"/> <path d="m6802 498c-8-8-9-15-1-25 16-19 29-16 29 6 0 25-13 34-28 19z"/> <path d="m2223 419c14-8 22-8 30 0s3 11-18 11c-26-1-28-2-12-11z"/> <path d="m5967 413c-3-3-3-11 0-19 6-17 56-19 51-2-5 13-43 29-51 21z"/> <path d="m6443 364c-9-25 13-40 26-16 10 19 6 32-11 32-5 0-11-7-15-16z"/> <path d="m2997 271c-61-40-71-87-21-109 35-17 77-15 119 5s55 55 34 92c-12 21-23 26-59 28-30 1-55-4-73-16z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 900 834" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0 834) scale(.1 -.1)"> <path d="m5936 8143c-11-11-6-23 9-23 8 0 15 4 15 9 0 13-16 22-24 14z"/> <path d="m6059 8089c-8-31-3-79 7-79 9 0 11 11 7 38-5 34-11 52-14 41z"/> <path d="m6260 8066c0-16 7-27 21-31 30-10 34 0 12 29-23 32-33 33-33 2z"/> <path d="m6515 8079c-10-14-1-21 19-13 9 3 13 10 10 15-7 12-21 11-29-2z"/> <path d="m5863 8053c-7-2-13-13-13-24 0-14 7-19 26-19 25 0 26-2 21-41-3-23-13-47-24-54-15-11-16-16-5-27 20-20 44 2 57 55 11 43 10 49-5 60-10 7-19 21-21 31-4 21-17 27-36 19z"/> <path d="m5925 8051c-7-12 12-24 25-16 11 7 4 25-10 25-5 0-11-4-15-9z"/> <path d="m6110 8015c-15-18 4-29 29-15 11 5 39 10 62 10 57 0 46 6-23 13-41 4-60 2-68-8z"/> <path d="m6290 7995c-10-13-7-17 24-30 25-11 36-22 36-36 0-19-4-21-39-16-25 3-44 0-52-9-8-7-38-16-66-20-44-5-53-4-53 9 0 21 34 31 59 18 27-15 31-14 31 8 0 25-43 54-58 39-9-9-16-7-30 5-33 30-47 21-43-25 1-10-5-17-16-18-76-3-116-13-121-32-2-11-23-28-46-39-23-10-48-24-57-30-24-17-49-4-49 26 0 32-18 32-30 0-5-14-17-25-26-25s-30-7-47-16c-61-32-66-34-72-24-10 15-35 12-35-5 0-9-9-15-23-15-13 0-34-13-49-30-15-18-36-30-50-30s-41-15-62-35c-21-19-45-35-52-35-8 0-22-4-32-9-68-35-91-42-117-39-24 2-29 7-27 24 1 12-4 27-13 34-22 18-31-14-16-57 15-41 11-46-49-67-32-11-48-12-57-4-10 8-13 7-13-5 0-8 6-17 12-19 10-4 10-11 2-29l-11-24-12 23c-13 25-51 30-51 7 0-8 5-24 12-35 16-25 1-41-16-17-8 10-26 17-47 17-29-1-38-7-62-45-28-44-30-45-85-47-31 0-69 0-84 1-21 2-28-2-28-16 0-25-19-43-46-43-37 0-52-10-47-31 4-15 0-19-20-19-14 0-29-4-32-10-3-5-15-10-26-10-10 0-27-4-37-9-9-5-25-12-35-15-9-3-22-17-27-31s-21-30-34-35-28-15-33-22c-11-18-71-45-114-52-19-4-52-15-72-25s-39-16-42-13c-11 11-5 50 10 62 20 17 19 36-4 59-12 12-16 24-10 32 9 15-8 42-22 33-5-3-9-14-9-25 0-24-18-25-27-2-4 10-20 28-35 41s-28 30-28 37c0 29-59 57-127 61-40 3-78 12-97 23-52 31-106 21-157-28-43-41-63-49-74-31-3 5-22-2-42-16-26-17-45-23-61-19-27 7-62-18-62-43 0-10-6-12-22-8-13 4-53 7-91 6-46-1-74 4-89 14-31 22-71 20-86-4s-33-25-79-3c-29 13-41 14-67 5-48-17-70-15-94 11-25 26-20 37 15 37 32 0 29 22-8 43-38 21-78 22-85 2-5-11-21-15-60-15s-54-4-54-13c0-20 33-47 58-47 21 0 52-24 52-41 0-5-15-28-32-52-32-43-34-44-88-42-30 0-60 4-66 8-17 10-24-2-24-40s-16-44-29-9c-8 20-18 24-72 29-89 8-125-19-112-87 6-29 24-34 43-11 18 22 39 18 50-9 5-13 14-26 21-28 9-3 9-9 0-26-14-27-56-29-84-5-18 17-20 17-38-6-21-26-26-90-7-109 6-6 11-25 10-42-1-27 3-32 30-37 16-3 32-12 35-19 3-8 13-14 23-14 73 0 61-60-12-64-25-1-33-7-38-25-3-13-14-27-25-31-30-11-108 1-128 19-18 15-21 14-43-12-18-21-32-28-53-25-34 3-57-14-66-50-3-15-15-36-26-48-22-24-17-50 13-59 32-11 43-48 23-79-18-27-18-27 14-59 23-25 31-42 31-70 0-30 4-37 20-37 11 0 20-3 19-7-2-20-58-98-68-95-6 1-16 3-23 5-6 1-16-8-23-20-8-15-15-19-26-13-26 15-41-3-29-34 12-34 6-46-25-46-17 0-26-8-34-32-11-30-12-30-30-14-23 21-41 14-41-15 0-22-29-26-48-7-21 21-33-4-17-36 20-37 11-62-23-71-42-10-93-45-102-71-6-15-23-27-50-35-22-7-40-15-40-18s-6-14-14-23c-11-15-16-16-56-2-28 10-46 12-53 5-15-15-1-39 25-43 21-3 23-9 25-73 3-57 0-72-14-84-13-9-14-15-5-18 6-3 12-12 12-20 0-14-3-13-25 1-36 23-53 20-57-11-2-19-10-29-23-31-11-2-33-16-48-30l-29-27-19 24c-18 22-20 22-44 7-14-9-32-27-40-40-9-13-25-26-36-29s-23-15-26-27c-4-17-11-20-27-15-48 15-60 11-81-31-11-22-59-80-107-128-49-48-88-90-88-93 0-13 33-140 41-155 25-50 49-127 49-160 0-30 5-39 27-50 27-13 31-21 53-124 8-36 20-69 53-141 5-12 6-36 2-55-10-44-10-113 0-166 5-29 3-57-5-83-11-34-11-44 5-78 9-22 24-42 31-45 8-3 14-15 14-26s7-23 15-26c28-11 15-30-52-74-37-25-72-47-78-49-5-2-28-16-50-30s-47-30-56-36c-9-5-43-31-75-57s-66-53-75-60-20-30-24-52c-6-37-4-41 44-85 30-28 51-56 51-68 0-15-20-36-65-68-36-25-86-64-112-86-27-22-60-51-75-64-16-13-28-29-28-37 0-7 22-35 48-63 86-90 112-129 112-170 0-24 11-55 30-87 17-26 30-55 30-62 0-8 9-18 20-21s25-16 31-28c7-12 18-26 25-30 8-4 14-19 14-32 0-14 4-25 9-25 14 0 30-55 20-71-16-25-9-44 27-67 42-26 43-26 80-7 19 10 32 11 39 4 6-6 6-12 0-17-25-18-35-42-29-66 7-30 22-34 31-8 13 33 47 72 64 72 10 0 21 5 24 11 4 5 19 8 34 4 22-5 29-1 43 27 9 18 18 44 20 58 3 22 9 25 46 28 23 2 42 7 42 12 0 11 88 11 96-1 9-15 46-10 59 7 15 21 52 10 61-18 6-19 7-19 16-5 5 10 18 17 30 17 17 0 19-4 14-25-4-14-2-34 3-44 12-22-7-71-26-71-13 0-18-51-7-63 15-15 35 7 29 33s-4 28 32 33c48 6 59-7 55-68-4-45-6-48-53-70-41-19-57-21-94-14-55 10-91-3-100-38-7-29-31-25-28 5 2 16-4 23-22 28-14 3-25 12-25 20 0 16-28 18-50 4-12-7-12-12-2-22 6-6 12-20 12-30s11-23 24-28c22-8 66-59 66-75 0-4-17-5-39-1-28 4-42 2-51-9-17-21-30-19-30 4 0 11-3 22-7 24-15 9-53-13-53-30 0-10-16-42-36-71l-37-53-30 31c-19 19-39 30-58 30-34 0-79-39-79-69 0-17-6-21-30-21-22 0-30-5-30-18 0-20 18-42 35-42 7 0 17 11 23 25 14 29 42 33 42 6s-41-50-105-57c-34-4-54-11-52-18 5-16 69-24 122-16 32 5 45 3 49-7 11-28-14-57-29-33-4 6-11 7-17 4-7-5-5-12 7-20 23-17 12-48-14-39-24 7-31-3-24-38 4-20 10-26 22-23 19 6 81-47 81-68 0-10-13-16-42-18-36-3-44-7-46-26-3-17 2-25 18-29 13-3 20-12 18-22-4-16-10-16-70-4-20 4-30 0-40-16-15-25-31-27-48-6-13 16-50 21-50 6 0-5 11-16 25-25 20-13 25-25 25-55 0-34-3-38-20-34-46 12-77-66-47-117 9-15 14-29 11-32-2-3 0-17 6-32 8-23 12-25 30-14 28 18 37 2 32-55-3-37-10-51-30-65-14-9-44-37-68-62-33-34-46-42-55-33-18 18-55-11-63-47-3-17-12-30-20-30s-27-11-42-25-31-25-36-25c-6 0-7-14-3-32 6-27 5-31-6-20-7 6-21 12-31 12-16 0-16-3-6-20 14-22 43-27 53-9 4 6 22 8 44 4 48-8 66 11 57 60-12 60 40 33 62-33 9-28 8-38-8-64-14-24-16-36-9-50s7-24-2-34c-10-13-10-17 0-23 10-7 10-12 0-29-11-18-10-23 12-41 30-25 38-25 67-1 20 17 27 29 31 60 2 12 62 41 71 35 6-3 10-17 10-30 0-19 7-24 41-30 33-6 43-4 54 12 13 16 16 16 25 3s12-13 21 3c11 19 39 23 39 6 0-34 70-51 96-24 9 8 27 17 42 21 39 8 58 20 53 36-13 44-13 70 0 66 8-3 15-14 17-25 3-23 57-43 96-36 31 6 33 18 6 33-20 11-27 44-11 54 5 3 14-1 21-9 8-9 27-14 54-12 34 2 42 7 44 25 5 32 24 27 51-13 28-41 41-44 41-11 0 13 6 26 14 29s16 16 18 29c3 21 8 23 58 23 54 0 55 1 58 30 5 50 10 59 26 46 11-9 19-9 35 1s23 10 33 0c18-18 26-15 33 16 3 15 21 38 40 52 18 14 39 35 44 48 10 22 13 22 39 8 15-8 35-17 45-20 23-7 11-31-41-81-35-35-37-40-40-112l-4-75 61-58c46-44 70-60 101-65 22-4 40-12 40-20 0-7 7-19 16-26 14-11 18-11 29 4 13 18 34 21 84 11 24-5 31-12 31-31 0-13 7-26 15-30 23-8 31 5 16 29-16 26-4 39 40 40 21 0 44 9 59 24 29 27 75 40 84 25 13-20 38-13 31 9-8 26 17 37 51 22 15-8 24-8 24-1 0 12 57 69 70 69 14 0 60-46 53-53-3-4-16-7-29-7-15 0-24-8-28-25-4-15-14-25-24-25-9 0-30-16-45-35s-33-35-40-35c-26-1-85-69-71-83 6-5 93 27 134 49 14 7 41 22 60 32 19 9 55 31 80 46 25 16 51 29 59 29s36 15 63 32c61 41 98 38 98-7 0-19-11-43-29-64-16-18-33-39-38-46-4-8-26-27-49-43-50-36-165-140-288-257-70-68-88-90-78-100 9-9 16-8 30 5 19 17 103 65 207 118 33 16 74 38 90 48 17 10 57 32 90 50s69 41 81 52c11 10 26 19 32 19 7 0 31 12 55 27 100 64 143 77 167 48 21-25 83-13 103 21 4 7 32 25 62 41 35 17 63 40 75 60 14 23 40 42 92 66 134 62 149 68 165 58 24-13 52-1 68 30 10 19 39 39 88 63 77 38 106 43 124 25 9-9 18-4 38 20 35 40 58 39 85-4 26-42 23-70-7-70-12 0-24-3-29-7-10-10 15-38 43-49 35-13 38-35 9-73-14-19-26-42-26-51 0-8-7-27-16-40-8-13-19-59-23-102l-7-78 46-46c56-56 104-82 183-100 47-10 65-10 93 0 30 11 38 10 52-2 9-8 27-18 40-21 12-4 22-12 22-17s15-9 33-9c23 0 41 8 58 26 13 15 51 39 84 55s77 45 98 64c36 33 37 35 37 107 0 40-7 109-16 153-8 44-17 99-21 123-6 42-5 42 26 42 18 0 58 14 89 31 82 45 103 56 145 75 20 9 37 20 37 25s20 6 45 2c44-6 45-5 45 21 0 34 17 33 67-3 61-44 84-82 81-133-3-35 0-43 17-46 10-2 34 4 52 13 31 17 34 17 51 2 27-25 58-21 84 12 65 80 126 86 172 18 14-21 26-46 26-56 0-23 19-31 70-31 29 0 41-6 53-24 9-13 30-26 48-30 30-6 31-7 14-20-24-17-13-46 17-45 13 0 50-6 83-13 59-14 60-14 63-51 3-31 10-42 42-63 22-15 42-35 45-45 8-23 33-25 42-3 9 25-17 64-44 64-14 0-23 6-23 15 0 18 28 19 90 2 58-16 97-43 116-78 19-37 34-37 34 1 0 29 21 42 34 21 3-5 18-12 33-16 16-3 38-16 50-27 11-11 29-18 40-16 15 3 18 12 15 63-2 33-1 57 3 53s16-3 27 3c14 7 29 7 50 0 17-6 33-9 36-6 8 8-30 45-47 45s-61 47-61 66c0 7-20 15-50 19-35 5-55 14-65 28-12 18-13 23-2 27 23 9 67 47 67 59 0 6-6 11-14 11-7 0-38 14-69 30-31 17-67 30-81 30-24 0-51 22-39 33 3 4-11 14-31 22-30 13-36 20-31 35 5 17 1 21-24 26-17 4-31 9-31 13 2 19 60 70 88 76 47 10 144 77 173 119 13 20 27 36 30 36s20 20 38 45c32 44 33 45 90 45 48 0 61 4 81 25 23 25 23 25 4 39-14 11-16 18-8 26 13 13 54-3 54-20 0-6 7-10 16-10 17 0 93-55 107-77 9-15 33-17 42-4 3 5-13 20-35 32-22 13-40 26-40 30s-3 15-6 23c-6 14 1 16 48 10 43-5 56-3 67 10 12 14 11 20-9 41-13 14-31 25-41 25-9 0-22 7-29 15s-20 15-30 15c-23 0-44 26-36 45 3 8 18 15 34 15 43 0 83 22 81 45-2 36 1 45 16 45 17 0 35 30 35 57 0 11-12 35-26 54-17 24-24 42-20 60 6 33 61 115 81 123 9 3 57 1 107-4s95-7 100-4 23 0 39-6c23-10 33-10 42-1 6 6 26 11 45 11s45 9 59 20c18 14 41 20 79 20 29 0 68 6 86 14s55 23 81 33c46 17 76 44 120 107 16 23 25 26 80 26 60 0 64-2 101-40 21-22 50-42 64-45 15-3 39-9 54-14 38-12 130 11 176 46 81 60 199 160 245 206 40 40 50 46 66 37 35-18 60-12 77 21 13 25 13 36 4 60-11 25-9 32 14 60 14 17 26 35 26 41 0 5 14 29 30 52 56 77 64 273 15 351-7 11-14 45-17 75-6 65-50 181-88 230-15 19-30 42-33 50-4 8-17 31-28 50-12 19-31 53-42 75-22 41-40 67-137 196-31 41-77 108-103 149-25 42-60 89-77 105-35 33-39 68-15 136 9 24 13 54 10 66s-7 89-10 172c-5 138-3 152 14 168 10 10 29 43 42 73 28 66 58 120 68 120 4 0 12-5 19-12 8-8 12-8 12-1 0 6-7 16-15 23-18 15-13 56 17 136 10 29 20 76 21 105 2 30 13 74 25 100 12 25 22 52 22 60s9 28 19 45l19 32-28 21c-16 11-33 21-38 21s-19 11-32 25c-22 23-23 29-12 58 7 19 12 63 12 98 0 42 5 72 15 85 19 25 19 53 0 60-20 8-19 43 1 51 24 9 68-22 74-52 4-21 15-30 45-41 68-23 99-18 134 22s33 54-9 54c-33 0-48 16-31 33 6 6 11 21 11 34 0 17-6 23-22 23-12 0-36 5-54 12-26 9-39 8-74-6-38-15-45-15-58-2s-13 18 1 40c21 31 22 65 2 72-28 11-15 30 35 54 64 30 80 48 69 78-5 12-14 24-21 26s-32 9-56 16c-36 12-44 11-55-2-15-19-41-28-53-20-5 4-24 26-42 49-28 37-32 48-26 81 5 34 3 40-21 56-31 21-74 14-101-15-22-25-38-24-74 3-28 21-30 25-24 70 6 41 4 51-12 63-28 21-40 18-83-20-55-50-81-44-81 20 0 35-10 55-29 55-29 0-38 18-31 65 6 38 3 50-17 79-39 53-59 60-139 44-56-11-71-17-81-38-6-14-25-36-41-50-15-14-44-47-63-75-49-72-67-86-98-78-36 8-42 20-39 78l3 50-60 1c-55 1-119-11-138-27-5-3 15-26 42-51 63-57 67-83 23-154-18-28-32-55-32-60s-8-19-18-32c-21-27-44-22-61 15-11 23-15 25-59 18-26-4-54-13-63-21-20-18-29-9-29 31 0 18-7 38-16 46-25 20-17 151 13 208 13 24 23 54 23 66 0 15 13 31 40 49 22 14 40 33 40 40 0 32-20 64-44 70-28 7-34 21-41 92-2 27-7 61-11 75-9 41 11 69 50 69 32 0 66 24 66 48 0 15-46 16-55 2-13-20-30-9-43 28-26 75-26 72 1 72 34 0 72 32 64 53-4 10-15 17-26 17s-23 5-26 10c-9 15-46 12-66-6-16-14-20-12-57 28-54 59-92 105-92 111 0 3-20 35-45 71-25 37-45 69-45 72s-11 20-25 38-25 40-25 48 18 36 40 61 40 51 40 59 7 23 15 34c20 26 20 163 0 190-8 10-15 28-15 40 0 30-37 80-108 148-34 32-64 67-67 77-4 10-26 27-51 38-42 19-61 51-29 51 8 0 15 9 15 20 0 14-7 20-22 20-13 0-32 7-42 15-25 19-40 19-56 0zm-457-209c5-13-21-46-36-46-4 0-7 14-7 30 0 23 5 30 19 30 10 0 21-6 24-14zm-1743-816c0-5-9-10-21-10-11 0-17 5-14 10 3 6 13 10 21 10s14-4 14-10zm-1506-15c14-14 13-20-5-55-13-25-28-40-40-40-21 0-24 12-9 38 5 9 14 29 20 45 11 31 13 32 34 12zm-924-1346c0-15-5-20-22-17-34 5-37 38-4 38 20 0 26-5 26-21zm98-3054c-2-5-28-32-58-59s-59-56-63-63c-13-21-28-5-21 23 5 20 2 24-15 24-14 0-21 6-21 20 0 17 7 20 39 20 22 0 43 5 46 10 3 6 17 10 29 10 13 0 29 7 36 15 14 17 34 16 28 0zm-711-571c10-27-14-40-37-19-11 10-17 22-14 26 9 15 44 10 51-7zm77-85c4-23 0-39-15-60-23-33-37-37-46-13-6 16 33 104 46 104 5 0 11-14 15-31z"/> <path d="m6590 7925c0-8 5-15 10-15 6 0 10 7 10 15s-4 15-10 15c-5 0-10-7-10-15z"/> <path d="m5694 7916c-8-21 3-49 16-41 5 3 10 15 10 25 0 25-18 36-26 16z"/> <path d="m6540 7900c0-6 11-15 25-20s25-14 25-20c0-5 5-10 10-10 15 0 12 17-7 40-18 21-53 27-53 10z"/> <path d="m5635 7839c-10-15 3-25 16-12 7 7 7 13 1 17-6 3-14 1-17-5z"/> <path d="m5262 7658c7-19 38-22 38-4 0 10-9 16-21 16s-19-5-17-12z"/> <path d="m2945 7289c-9-14 24-49 46-49 29 0 34 21 8 41-27 21-45 24-54 8z"/> <path d="m4020 7261c0-15 31-42 41-36 14 10 10 32-7 39-22 9-34 7-34-3z"/> <path d="m2187 6913c-3-5-7-29-11-54-5-35-3-49 8-58 19-16 36-6 36 22 0 11 12 33 26 48s23 32 20 38c-8 12-72 15-79 4z"/> <path d="m7162 6401c-8-5-12-17-10-27 2-15 15-20 58-26 30-3 58-4 62-2 17 10 7 26-24 38-55 22-72 26-86 17z"/> <path d="m1707 6004c-8-8 1-24 14-24 5 0 9 7 9 15 0 15-12 20-23 9z"/> <path d="m1670 5940c-13-25-5-40 20-40 24 0 31 11 23 38-7 28-29 28-43 2z"/> <path d="m1795 5920c-3-6 1-13 10-16 19-8 30 0 20 15-8 14-22 14-30 1z"/> <path d="m1396 5503c10-49 13-53 39-53 32 0 34 29 2 58-33 31-49 28-41-5z"/> <path d="m1226 5412c-6-9 29-42 44-42 6 0 10 5 10 10 0 6-7 10-15 10s-15 7-15 15c0 16-15 20-24 7z"/> <path d="m1141 5357c0-11-10-21-21-24-21-6-28-47-10-58 15-9 42 41 37 72-2 15-5 20-6 10z"/> <path d="m8445 5020c-8-13 20-24 41-16 20 8 9 26-16 26-10 0-22-5-25-10z"/> <path d="m8332 4490c1-13 9-25 16-28 17-5 15 23-4 39-14 11-15 10-12-11z"/> <path d="m8373 4395c0-27 2-38 4-22 2 15 2 37 0 50-2 12-4 0-4-28z"/> <path d="m8310 4250c-13-9-12-13 6-28 12-10 24-27 26-38s11-19 23-19c31 0 33 58 3 79-26 18-37 20-58 6z"/> <path d="m8671 4253c-40-8-131-83-137-112-3-14-10-47-16-73-9-38-8-56 7-105 21-69 40-92 100-122 24-12 47-26 50-32 10-15 97-11 151 7 51 17 104 60 132 107 9 15 22 27 29 27 18 0 19 170 1 170-7 0-24 16-38 34-14 19-47 49-73 67-42 29-58 34-115 35-37 1-78 0-91-3z"/> <path d="m8415 3740c-13-20 7-70 37-95 40-34 82-31 86 6 6 53-99 129-123 89z"/> <path d="m1256 2473c-11-11-6-23 9-23 8 0 15 4 15 9 0 13-16 22-24 14z"/> <path d="m1310 2406c-6-8-21-16-32-18-40-6-32-28 9-26 43 1 117 34 108 48-9 15-71 12-85-4z"/> <path d="m800 2377c0-15 80-71 88-62 8 8-59 75-75 75-7 0-13-6-13-13z"/> <path d="m716 2364c-9-22-8-24 9-24 8 0 15 6 15 14 0 22-17 28-24 10z"/> <path d="m1445 2365c-19-14-19-16-2-29 9-7 17-25 17-40 0-21 5-26 25-26 35 0 42 26 16 54-12 13-21 29-19 36 5 19-16 22-37 5z"/> <path d="m650 2316c0-10 9-16 21-16 24 0 21 23-4 28-10 2-17-3-17-12z"/> <path d="m1080 2275c-20-21-21-25-7-30 19-8 67 22 67 41 0 22-35 16-60-11z"/> <path d="m1196 2284c-10-25-7-34 9-34 8 0 15 9 15 19 0 26-16 35-24 15z"/> <path d="m627 2243c13-38 43-58 43-30 0 14-31 47-43 47-3 0-4-8 0-17z"/> <path d="m716 2232c-3-6-1-14 5-17 15-10 25 3 12 16-7 7-13 7-17 1z"/> <path d="m1130 2225c0-8 7-15 15-15s15 7 15 15-7 15-15 15-15-7-15-15z"/> <path d="m773 2214c-7-19 34-64 59-64 31 0 21 36-17 59-31 18-37 19-42 5z"/> <path d="m952 2198c3-7 18-15 34-16 16-2 31-8 34-12 3-5 17 0 30 10 19 15 21 20 8 20-9 0-19-6-22-12-3-10-9-8-19 5-16 20-71 24-65 5z"/> <path d="m445 2167c-4-10-5-21-1-24 10-10 18 4 13 24-4 17-4 17-12 0z"/> <path d="m617 2174c-10-11 3-24 24-24 10 0 19 7 19 15 0 15-31 21-43 9z"/> <path d="m1148 2126c-19-14-23-26-10-26 4 0 18 9 32 20 16 13 20 20 10 19-8 0-23-6-32-13z"/> <path d="m734 2085c-9-20-14-38-11-42 4-3 9 2 13 11 3 9 12 16 20 16s14 10 14 25c0 36-16 31-36-10z"/> <path d="m920 2105c-15-18-6-45 15-45 9 0 15 9 15 24 0 31-14 40-30 21z"/> <path d="m1e3 2101c-14-26-13-44 2-35 7 4 30 7 53 6 35-2 37 0 20 10-11 6-24 17-28 25-12 19-35 16-47-6z"/> <path d="m645 2060c-10-16 16-43 28-31 11 11 2 41-12 41-5 0-13-5-16-10z"/> <path d="m495 2051c-3-5 8-16 25-24 33-17 35-15 20 14-11 20-35 25-45 10z"/> <path d="m776 2053c-3-3-6-21-6-38 0-36 32-58 69-48 31 8 22 37-12 41-19 2-27 9-27 22 0 20-13 33-24 23z"/> <path d="m747 1848c11-13 23-31 26-40 7-21 27-24 27-4 0 17-45 66-61 66-8 0-4-9 8-22z"/> <path d="m555 1840c-3-5 3-10 15-10s18 5 15 10c-3 6-10 10-15 10s-12-4-15-10z"/> <path d="m495 1826c-11-8-16-19-12-30 10-24 25-19 42 14 17 34 4 41-30 16z"/> <path d="m366 1811c-3-5 1-12 10-15 25-10 34-7 34 9s-35 21-44 6z"/> <path d="m600 1770c0-16 7-20 31-20s30 3 25 16c-3 9-6 18-6 20s-11 4-25 4c-18 0-25-5-25-20z"/> <path d="m700 1778c1-21 26-48 44-48 25 0 31 29 10 45-24 18-54 19-54 3z"/> <path d="m853 1761c-14-22-8-31 23-31 29 0 39 16 24 35-17 20-33 19-47-4z"/> <path d="m740 1685c0-8 7-15 15-15s15 7 15 15-7 15-15 15-15-7-15-15z"/> <path d="m612 1669c-12-18-10-25 12-54 14-19 26-36 26-39s9-15 21-27c13-13 19-30 17-47-2-18 2-28 13-30 13-2 15 6 12 55-6 75-9 85-30 82-42-4-46 0-39 41 7 45-10 55-32 19z"/> <path d="m416 1662c-3-5 8-19 24-30 45-34 82-26 55 11-7 10-19 15-28 11-8-3-18-1-22 5-7 13-22 14-29 3z"/> <path d="m847 1664c-10-11 3-24 24-24 10 0 19 7 19 15 0 15-31 21-43 9z"/> <path d="m765 1640c-10-16 6-80 21-80 7 0 11 6 8 14s-1 23 4 33 7 24 5 31c-6 14-29 16-38 2z"/> <path d="m263 1624c-9-25 13-40 26-16 10 19 6 32-11 32-5 0-11-7-15-16z"/> <path d="m830 1565c0-9 5-15 11-13s11 8 11 13-5 11-11 13-11-4-11-13z"/> <path d="m403 1555c-25-10-30-30-12-41 14-8 42 19 37 37-2 11-9 12-25 4z"/> <path d="m535 1514c-26-28-41-62-31-71 13-14 55 22 69 58 13 34 14 39 1 39-8 0-26-12-39-26z"/> <path d="m313 1467c-24-11-29-22-14-31 8-6 48 31 40 38-2 2-14-1-26-7z"/> <path d="m641 1436c-8-9-11-19-7-23 9-9 29 13 24 27-2 8-8 7-17-4z"/> <path d="m415 1389c-8-38 12-67 21-31 8 29 28 28 48-3 10-15 22-22 31-19 20 8 19 34 0 34-9 0-27 11-41 25-33 33-51 32-59-6z"/> <path d="m350 1385c0-10 7-15 18-13 21 4 19 22-2 26-10 2-16-3-16-13z"/> <path d="m7102 1387c-6-7-34-21-61-31-28-10-53-21-55-25-3-4 16-30 42-58 36-38 60-54 100-67 62-18 83-12 107 34 23 44 18 69-21 116-29 36-42 44-68 44-19 0-38-6-44-13z"/> <path d="m640 1341c0-10-7-24-15-31-18-15-19-34-4-61 8-16 13-18 25-8 8 6 14 22 14 34 0 13 7 25 15 29 8 3 15 17 15 31 0 20-5 25-25 25-18 0-25-5-25-19z"/> <path d="m347 1309c-9-6-21-8-26-4-5 3-12 1-16-5-3-5 3-10 13-10 11 0 26-10 35-22 21-31 39-13 23 24-9 21-15 24-29 17z"/> <path d="m570 1269c0-11 5-17 10-14 6 3 10 13 10 21s-4 14-10 14c-5 0-10-9-10-21z"/> <path d="m490 1271c0-6 8-16 18-23s22-22 26-33c7-20 8-20 18-1 8 15 7 22-6 31-9 7-16 17-16 24 0 6-9 11-20 11s-20-4-20-9z"/> <path d="m540 1129c0-11 5-17 10-14 6 3 10 13 10 21s-4 14-10 14c-5 0-10-9-10-21z"/> <path d="m6320 865c0-29 25-38 86-33 39 3 49 16 23 29-8 3-24 11-36 17-13 7-34 12-48 12-20 0-25-5-25-25z"/> <path d="m7006 811c-22-24-21-28 15-46 28-15 32-15 50 1 22 20 18 29-20 49-26 13-30 13-45-4z"/> <path d="m7215 820c-3-6 1-13 10-16 19-8 30 0 20 15-8 14-22 14-30 1z"/> <path d="m7135 739c-10-15 24-99 40-99 7 0 15 7 19 15 3 8 16 15 30 15 24 0 36-16 36-51 0-14 7-19 25-19 20 0 25 5 25 24 0 14-11 33-25 44s-25 29-25 41c0 11-9 25-19 31-26 13-98 13-106-1z"/> <path d="m1589 722c-22-18-20-42 4-42 15 0 38 48 27 55-4 3-18-3-31-13z"/> <path d="m430 715c7-8 16-15 21-15s9 7 9 15c0 9-9 15-21 15-18 0-19-2-9-15z"/> <path d="m7090 665c0-11 7-15 23-13 12 2 22 8 22 13 0 6-10 11-22 13-16 2-23-2-23-13z"/> <path d="m6763 573c-4-10 2-23 16-35 27-21 54-23 70-5 8 10 4 19-19 35-35 26-58 28-67 5z"/> <path d="m595 520c-4-6-3-16 3-22s12-6 17 2c4 6 3 16-3 22s-12 6-17-2z"/> <path d="m6802 498c-8-8-9-15-1-25 16-19 29-16 29 6 0 25-13 34-28 19z"/> <path d="m2223 419c14-8 22-8 30 0s3 11-18 11c-26-1-28-2-12-11z"/> <path d="m5967 413c-3-3-3-11 0-19 6-17 56-19 51-2-5 13-43 29-51 21z"/> <path d="m6443 364c-9-25 13-40 26-16 10 19 6 32-11 32-5 0-11-7-15-16z"/> <path d="m2997 271c-61-40-71-87-21-109 35-17 77-15 119 5s55 55 34 92c-12 21-23 26-59 28-30 1-55-4-73-16z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.about-two__thumb img {
  width: 100%;
  height: auto;
}
.about-two__dots {
  position: absolute;
  right: 60px;
  top: 26px;
}
.about-two__dots img {
  max-width: 100%;
  height: auto;
  animation: rotated 15s infinite linear;
}
@keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.about-two__map {
  position: absolute;
  right: 50px;
  bottom: 26px;
}
.about-two__map img {
  max-width: 100%;
  height: auto;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.about-two__content {
  position: relative;
  padding: 0 0 0 70px;
}
@media (max-width: 1199px) {
  .about-two__content {
    padding: 45px 0 0;
  }
}
.about-two__content .sec-title {
  padding-bottom: 41px;
}
.about-two__content__text {
  line-height: 30px;
  margin: 0 0 20px;
}
.about-two__list {
  margin: 0 0 41px;
  padding: 0;
  list-style: none;
}
.about-two__list li {
  font-size: 18px;
  line-height: 36px;
  color: var(--villoz-black, #132742);
}
.about-two__list li span {
  color: var(--villoz-base, #537eac);
  margin-right: 9px;
}
.about-two__awards {
  position: relative;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 29px 29px 17px;
  box-shadow: 15px 29px 87px 0px rgba(0, 0, 0, 0.07);
  margin-left: -24px;
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .about-two__awards {
    margin-left: 0;
  }
}
.about-two__awards__icon {
  font-size: 64px;
  line-height: 64px;
  color: var(--villoz-base, #537eac);
  display: block;
  margin: 0 0 27px;
}
.about-two__awards__count {
  display: block;
  font-size: 40px;
  font-weight: 500;
  color: var(--villoz-black, #132742);
  line-height: 1;
  margin-bottom: 0px;
}
.about-two__awards__count .count-box {
  display: inline-flex;
}
.about-two__awards__text {
  font-size: 18px;
  margin: 0;
}

/*--------------------------------------------------------------
# Feature Section
--------------------------------------------------------------*/
.feature-one {
  position: relative;
  overflow: hidden;
  background-color: var(--villoz-black, #132742);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 0;
}
.feature-one__content {
  position: relative;
  padding: 0px 0;
}
@media (max-width: 767px) {
  .feature-one__content {
    padding: 25px 0;
  }
}
.feature-one__content .sec-title__tagline {
  color: var(--villoz-text-dark, #859ab7);
}
.feature-one__content .sec-title__title {
  color: var(--villoz-white, #fff);
}
.feature-one__wrapper {
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .feature-one__wrapper {
    margin-right: -300px;
  }
}
.feature-one__wrapper__middle-icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #31b0c8;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -800px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 60px;
  color: var(--villoz-white, #fff);
}
.feature-one__wrapper__middle-icon img {
  max-height: 60px;
  transform: scale(1);
  transition: 500ms ease;
}
@media (max-width: 767px) {
  .feature-one__wrapper__middle-icon {
    display: none;
  }
}
.feature-one__wrapper:hover .feature-one__wrapper__middle-icon img {
  transform: scale(0.95);
}
.feature-one__item {
  position: relative;
  background-color: var(--villoz-white, #fff);
  padding: 36px 25px 36px 70px;
}
@media (max-width: 991px) {
  .feature-one__item {
    padding-left: 15px;
  }
}
/*.feature-one__item::after {
  position: absolute;
  right: 10px;
  top: 0;
  width: 6px;
  height: 50px;
  content: "";
  background-color: var(--villoz-gray, #f0f6fd);
}*/
.feature-one__item:hover .feature-one__item__icon span {
  transform: scale(0.9);
}
.feature-one__item__icon {
  width: 77px;
  height: 77px;
  background-color: var(--villoz-gray, #f0f6fd);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: var(--villoz-base, #537eac);
  position: absolute;
  left: 40px;
  bottom: 0;
  top: 0;
  margin: auto 0;
}
.feature-one__item__icon span {
  transform: scale(1);
  transition: 500ms ease;
}
@media (max-width: 991px) {
  .feature-one__item__icon {
    left: 30px;
  }
}
.feature-one__item__title {
  font-size: 21px;
  margin: 0 0 9px;
  font-weight: bold;
  text-align: left;
}
.feature-one__item__text {
  font-size: 17px;
  line-height: 26px;
  margin: 0;
}
.feature-one__image {
  text-align: right;
  position: relative;
  max-width: 745px;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .feature-one__image {
    margin: 0 auto;
    text-align: center;
  }
}
.feature-one__image::after {
  position: absolute;
  left: -51px;
  top: 0;
  width: 21px;
  height: 38%;
  background-color: #f8c62f;
  content: "";
}
.feature-one__image img {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .feature-one__image img {
    max-width: none;
  }
}
.spl-careerwhy {
  height: 500px !important;
  width: 745px !important;
}
/* ===============================
   LEFT JOBS SCROLL CONTAINER
================================ */

.jobs-scroll-area {
    max-height: 875px;        /* adjust based on design */
    overflow-y: auto;           /* vertical scroll only */
    overflow-x: hidden;         /* remove horizontal scroll */
    padding-right: 10px;
    box-sizing: border-box;
}

/* ===============================
   JOB CARD SAFETY
================================ */

.it-career-item {
    width: 100%;
    font-size: 18px;
    box-sizing: border-box;
}

/* Prevent flex content from pushing width */
.it-career-item .d-sm-flex {
    flex-wrap: wrap;
    gap: 10px;
}

/* ===============================
   CUSTOM VERTICAL SCROLLBAR
   (Scoped ONLY to left column)
================================ */

/* Chrome, Edge, Safari */
.jobs-scroll-area::-webkit-scrollbar {
    width: 6px;
}

.jobs-scroll-area::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 10px;
}

.jobs-scroll-area::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #8b5e3c,
        #6f472c
    );
    border-radius: 10px;
}

.jobs-scroll-area::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #6f472c,
        #4f331f
    );
}

/* Firefox */
.jobs-scroll-area {
    scrollbar-width: thin;
    scrollbar-color: #8b5e3c #f3f3f3;
}

/* ===============================
   EXTRA SAFETY (OPTIONAL)
   Guarantees no horizontal scroll
================================ */

.jobs-scroll-area * {
    max-width: 100%;
}
.spl-marright100 {
  margin-right: 100px !important;
  top: 0px;
}
.spl-enqbg {
  background-color: #8b5e3c !important;
}
.img-box1 .img-1 img {
    filter: drop-shadow(0px 5px 32px rgba(21, 40, 76, 0.08))
}

.img-box1 .img-2 {
    z-index: 1;
    margin: -200px 0 0 auto;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.img-box1 img {
    border-radius: 5px
}

.img-box2 {
    position: relative;
    margin: 0 0 30px 0
}

.img-box2 .img-1 {
    position: relative;
    margin-left: -200px
}

.img-box2 .img-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--white-color);
    border-radius: 10px 0 0 0;
    padding: 10px 0 0 10px
}
.service-style2 {
    display: flex;
    align-items: center;
    margin: 0 0 30px 0
}

.service-style2 .service-img {
    width: 160px;
    position: relative;
    background-color: var(--smoke-color);
    z-index: 1;
    border-radius: 5px;
    overflow: hidden
}

.service-style2 .service-img img {
    border-radius: 100px
}

.service-style2 .service-number {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--title-font);
    color: var(--theme-color);
    background-color: var(--white-color);
    text-align: center;
    border-radius: 5px 0;
    position: absolute;
    left: 0;
    top: 0
}

.service-style2 .service-title {
    margin: 0 0 10px 0
}

.service-style2 .service-title a {
    color: var(--title-color);
    transition: all ease .4s
}

.service-style2 .service-text {
    margin: 0 0 12px 0
}

.service-style2 .service-content {
    flex: 1;
    position: relative;
    border-radius: 5px;
    padding: 31px 40px 30px 100px;
    margin: 0 0 0 -105px;
    transition: all ease .4s;
    overflow: hidden;
    background-color: var(--white-color)
}

.service-style2 .service-content>* {
    position: relative;
    z-index: 1;
    transition: all ease .4s
}

.service-style2 .service-shape {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    transition: all ease .4s;
    transform: scale(1.1);
    background-color: var(--theme-color);
    opacity: 0;
    visibility: hidden;
    z-index: 0
}

/*.service-style2:hover .service-text,.service-style2:hover .service-title a,.service-style2:hover .link-btn {
    color: var(--white-color)
}
*/
.service-style2:hover .service-content {
    border-color: rgba(0,0,0,0)
}

.service-style2:hover .service-shape {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}
.img-box5 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    position: relative;
    max-width: 100%;
    padding: 40px 40px 0 0
}

.img-box5 img {
    border-radius: 5px;
    position: relative;
    z-index: 1
}

.img-box5 .img-1 {
    text-align: right;
    margin-bottom: 20px
}

.img-box5 .img-bottom {
    display: flex;
    align-items: flex-start
}

.img-box5 .img-3 {
    margin: -47px 0 0 20px;
    box-shadow: 0px 4px 32px rgba(61,79,115,.19)
}

.img-box5 .shape1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    max-width: 100%;
    height: 470px;
    max-height: 100%;
    border: 5px solid rgba(14,89,242,.1);
    border-radius: 50px 5px 5px 5px
}
.process-style2 {
    text-align: center;
    /*max-width: 290px;*/
    position: relative;
    margin: 0 0 5px 0
}

.process-style2 .process-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: relative;
    display: inline-block;
    background-color: var(--white-color);
    margin: 22.5px 0 25px 0;
    box-shadow: 0px 10px 31px rgba(169,177,193,.17);
    border-radius: 5px
}

.process-style2 .process-number {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--title-font);
    position: absolute;
    right: 0;
    top: 0;
    background-color: #0e5af2;
    color: var(--white-color);
    margin: -22.5px -22.5px 0 0;
    border-radius: 50%
}

.process-style2 .process-arrow {
    position: absolute;
    right: -15%;
    top: 20%
}

.process-style2:last-child .process-arrow {
    display: block
}

@media(min-width: 1500px) {
    .process-wrap1 {
        margin-left:120px;
        margin-right: 120px
    }
}

@media(max-width: 1199px) {
    .process-style1,.process-style1:nth-child(even) {
        margin-top:0
    }

    .process-style1 .process-arrow {
        right: -45px;
        top: 25px;
        max-width: 80px
    }

    .process-style2 .process-arrow {
        right: -23%;
        top: 15%;
        max-width: 90px
    }
}

@media(max-width: 991px) {
    .process-style1 .process-arrow {
        display:none
    }

    .process-style1 .process-icon {
        --icon-size: 100px;
        margin: 0 auto 20px auto
    }

    .process-style1 .process-icon img {
        max-width: 40px
    }

    .process-style2 {
        max-width: 100%
    }

    .process-style2 .process-arrow {
        display: none
    }
}
.process-style2 {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    padding: 45px 35px 40px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
    transition: all 0.35s ease;
    overflow: hidden;
}

/* Hover elevation */
.process-style2:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.12);
}

/* Decorative top accent */
.process-style2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background: linear-gradient(90deg, #8b5e3c, #c19a6b);
}

/* Arrow position */
.process-arrow {
    position: absolute;
    top: 25px;
    right: 25px;
    opacity: 0.15;
}

/* Icon container */
.process-icon {
    position: relative;
    width: 80px;
    height: 80px;
    background: #f7f4f1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

/* Icon image */
.process-icon img {
    width: 36px;
}

/* Step number badge */
.process-number {
    position: absolute;
    bottom: -8px;
    right: -8px;
    background: #8b5e3c;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Text styling */
.process-text {
    font-size: 15.5px;
    line-height: 1.75;
    color: #555555;
}

/* Responsive spacing */
@media (max-width: 768px) {
    .process-style2 {
        padding: 35px 25px;
    }

    .process-text {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left;
    }
}
.spl-conimg {
  width: 450px !important;
  height: 300px !important;
}
.spl-befline::before {
  content: "";
  display: block;
  width: 2px;
  height: 237px;
  position: absolute;
  background: #8b5e3c;
  top: 90px;
  left: 50%;
}
@keyframes fadeInLeftShort {
    from {
        opacity: 0;
        transform: translateX(-100px); /* SHORT distance */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRightShort {
    from {
        opacity: 0;
        transform: translateX(100px); /* SHORT distance */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeftShort {
    animation-name: fadeInLeftShort;
}
.fadeInRightShort {
    animation-name: fadeInRightShort;
}
.spl-heifitcon {
  height: fit-content !important;
  box-shadow: 0 10px 35px rgb(49 49 49 / 42%) !important;
}
.spl-blogdet svg {
    color: white !important;
}
.spl-blogadmin {
  background: #8b5e3c;
  padding: 10px 20px 8px;
  border-radius: 20px;
  border-top: 4px solid #e4ba9a;
}
.post-date {
  width: 70px;
  height: 70px;
  padding: 10px;
  text-align: center;
  border-radius: 50%;
  background-color: #d21a26;
  position: absolute;
  top: 15px;
  right: 15px;
  border: 3px solid #ededed;
}
.post-date h4 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 0px;
}
.post-date p {
  color: #ffffff;
  font-weight: 400;
  line-height: 1;
}
.spl-postdate {
  top: auto !important;
  bottom: 15px !important;
}
.header-primary-menu .sub-menu{
    width: 215px;
  }
@media (min-width: 1199px) and (max-width: 1500px) {
  .spl-containerhead {
    max-width: 1250px !important;
  }
  .spl-justify {
    justify-content: center !important;
  }
  .header-primary-menu li > .menu-item-link {
    font-size: 15px !important;
  }
  .spl-submenu {
    width: 350px !important;
  }

}
.spl-submenu {
    width: 350px !important;
  }

.spl-flap {
  animation: flap 0.5s infinite alternate ease-in-out !important;
}

@media (min-width: 1650px) {
  .spl-hide {
    display: block !important;
  }
}
.spl-hide {
    display: none;
  }

  @media (max-width: 1400px) {
    .spl-mosqimg {
      background-image: url(../../assets/images/blog/feature-8-1.png);
      background-repeat: no-repeat;
       width: 380px; 
       background-size: contain;
  }
  .spl-marright100 {
      margin-right: 90px !important;
      top: 0px;
  }
}
.spl-font24 {
  font-size: 24px !important;
}

.spl-footnav a{
  font-size: 15px !important;
}
.spl-footnav::before {
  content: "\f101";
  font-family: "FontAwesome";
  padding-right: 10px;
}

.splactive {
  border-bottom: 2px solid white;
}
.spl-email {
  text-transform: unset !important;
}
.spl-subbutt {
  /*z-index: 10000 !important;*/
  background-color: black !important;
}
.spl-hovera:hover {
  color: black !important;
}

@media (max-width: 1600px) {
  .padclass {
    padding-right: 20px;
    padding-left: 20px;
}
}

@media (max-width: 1399px) {
  .map-responsive {
    height: 120px !important;
  }
}

@media (max-width: 1199px) {
/*  .header-primary-menu li > .menu-item-link > span {
    color: black !important;
  }*/
  .header-primary-menu .sub-menu {
    width: 100% !important;
  }
  .offcanvas  {
    background-color: #8b5e3c !important;
  }
}

/* Certificate section */

.certisec {
  margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offcanvas-title {
  color: #fff;
}

.mobile-video {
    display: none;
}

.secspacing {
  padding-top: 30px !important;
}

/* media query on 13.01.26 */

@media (max-width: 991.98px){
  .secspacing {
    padding-top: 30px !important;
  }
.header-section{
  padding: 10px 20px !important;
}
.hero-slide-content {
    gap: 10px;
    padding: 5px;
}
.swiper-button-prev, .swiper-button-next{
  display: none;
}
.counter-section {
    padding-top: 0px;
    padding-bottom: 0px;
  }
.counter-box{
  padding-top: 10px; 
  padding-bottom: 0;
}
.counter-box p{
  margin-bottom: 0;
}
.banner-item::before{
  width: fit-content;
  height: auto;
}
.banner-item__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: rgb(0 0 0 / 53%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}
.banner-item__btn {
  padding: 10px;
}
.banner-section {
    padding-top: 30px !important;
}
.powered-by img {
    height: 20px;
    display: block;
}
.social-icons {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 5px !important;
}
.text-start {
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
.mob {
  text-align: center;
}
.mob1 {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.team-image img {
    object-fit: contain !important;
}

.desktop-video {
        display: none;
    }

    .mobile-video {
        display: block;
    }
.mob2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.quick-links ul{
  gap: 10px;
}
.footer p.lead{
  margin-bottom: 5px;
}
.sub-banner h1 {
    font-size: 26px;
}
.sub-banner-img {
    height: 250px;
    object-fit: cover;
}
.sub-banner p{
  font-size: 16px;
}
.section-title h2 {
    font-size: 22px !important;
}
  .mob4 {
    margin-top: 20px;
  }
  .mob5 {
    font-size: 16px !important;
    padding-bottom: 0 !important;
}
.spl-befline::before {
  display: none;
}
.history-page__single .year-box {
        position: static !important;
        transform: none !important;
        margin: 0 auto 15px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    /* Remove vertical timeline line on mobile */
    .history-page__single .spl-befline {
        display: none;
    }

    /* Ensure proper stacking */
   .history-page__single .row {
    text-align: center;
    gap: 20px;
}

   .history-page__single-content {
    margin-bottom: 20px;
    padding-left: 0;
}
    .history-page__single .year-box::before {
 display: none;
}
.history-page__single.style2 .history-page__single-content, .history-page__single-img{
  padding-right: 0;
}
.history-page__single.style2 .history-page__single-img{
  padding-left: 0;
}
.spl-ul1 li, .spl-ul li{
  font-size: 16px;
}
.journey-sub {
  margin-bottom: 20px;
}
.spl-ul {
  margin-top: 10px;
}
.feature-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-item-list {
  gap: 30px;
}
.mob6 {
  margin-bottom: 20px;
}
.wish {
    padding-bottom: 130px;
    background: transparent;
    margin-top: 10px;
}
.last-party {
  gap: 30px;
}
.santa-coming {
  padding: 0;
  background-size: cover;
  background-position: center;
}
.mob7 {
    font-size: 16px !important;
    padding: 8px 14px 0 !important;
    color: #fff;
    /* text-shadow: 0 2px 6px rgb(98 10 10); */
    background: rgb(0 0 0 / 40%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 10px;
}
.about-section-two .content-column {
  margin-bottom: 20px;
}
.mob8 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.spl-ramadan-bg {
  margin-top: 0 !important;
}
.abot-img {
  margin-top: 20px;
}
.spl-bulkimg {
    width: 100%;
    height: auto;
}
.spl-bulkpadd {
    padding: 10px !important;
}
.image-anime {
  margin-bottom: 20px;
}
.about-section-two .content-box{
  padding: 10px;
}
.imgbottom {
  margin-bottom: 20px;
}
.font-34 {
  text-align: center;
  font-size: 30px !important;
}
}


@media (max-width: 991px) {
  .it-contact-2-form-box {
    padding: 20px 20px;
    padding-top: 30px;
    border-radius: 10px;
    background-color: #8b5e3c;
  }
  .font-18 {
    font-size: 16px !important;
  }
  .service-style2 .service-content {
    flex: 1;
    position: relative;
    border-radius: 5px;
    padding: 15px 10px 5px 50px;
    margin: 0 0 0 -105px;
    text-align: justify;
    transition: all ease .4s;
    overflow: hidden;
    background-color: var(--white-color);
  }
  .service-style2 {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0
  }
  .it-career-item .title
  {
    font-size: 22px;
    margin-bottom: 15px;
    color: var(--it-common-black);
    font-family: var(--it-ff-spartan-semibold);
  }
  .it-career-item > span {
    display: block;
    margin-bottom: 15px;
  }
  .spl-inputfile {
    padding: 10px 15px !important;
    line-height: 25px !important;
  }
  .it-blog-item {
    padding: 15px 15px 15px;
    transition: 0.3s;
    border-radius: 20px;
    background-color: white;
    border: 1px solid rgba(26, 182, 157, 0.1);
    box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  }
  .spl-font24 {
    font-size: 22px !important;
  }
  .it-blog-meta span {
    display: block;
    align-items: center;
    line-height: 30px;
    /*text-align: center;*/
    gap: 8px;
  }
  .rts-banner-area-7 .shape-area-start .two {
    position: absolute;
    right: 10px;
    top: 5%;
    animation: rotateIt 5s linear infinite;
  }
  .activeclass span {
    border-bottom: 2px solid #fff !important;
    /*width: fit-content;*/
  }
  .about-area {
    position: relative;
    display: block;
    padding-top: 30px;
  }
  .spl-quickbg {
    padding: 30px 15px;
  }
  .spl-mosqpadd {
    padding: 95px 45px 100px 40px !important;
  }
  .call-to-action-two
  {
    position: relative;
    border-top: 2px solid #f4f4f4;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .net-para {
    position: relative;
    top: 0px;
    padding: 0px 0px;
  }
  .spl-martopminus120 {
     margin-top: 0px !important; 
  }
  .pl-15 {
    padding-left: 0px;
  }
  .img-front {
     position: relative; 
  }
  .menu-item-has-children > a::after {
    content: "▾";
    position: absolute;
    right: 14px !important;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }

} 

@media (min-width: 600px) and (max-width: 1199px) {
  .spl-mosqimg
  {
    background-image: url(../../assets/images/blog/feature-8-1.png);
    background-repeat: no-repeat;
    width: 360px;
    background-size: contain;
  }
  /*.spl-fwrap {
    flex-wrap: nowrap;
  }*/
}
@media (min-width: 992px) and (max-width: 1199px) {
  .spl-mosqpadd {
    padding: 75px 35px 100px 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .feature-one__wrapper {
    position: relative;
    z-index: 2;
    left: 200px;
    padding-bottom: 30px;
  }

}

.spl-wid230{
  width: 230px !important;
}

.menu-item-has-children > a {
  position: relative;
  padding-right: 40px;
}


.menu-item-has-children > a::after {
    content: "▾";
    position: absolute;
    right: -14px;
    top: 40%;
    transform: translateY(-50%);
    pointer-events: none;
  }

.menu-item-has-children > a.menu-item-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*padding-right: 44px;*/
  position: relative;
}