@charset "UTF-8";



@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');


:root {
  --color-background: rgb(60, 66, 55);
  --color-foreground: rgb(230, 225, 215);
  --color-accent: rgb(200, 180, 160);
}

html {

  scroll-behavior: smooth;

  overflow-x: hidden;

}



body {

  padding: 0;

  margin: 0;

  font-family: "Inter Tight", sans-serif;

  font-weight: 400;

  position: relative;

  line-height: 29px;

  overflow-x: hidden;



}



::-webkit-scrollbar {

  width: 6px;

  height: 4px
}



::-webkit-scrollbar-track {

  background-color: #ebebeb;

  -webkit-border-radius: 10px;

  border-radius: 10px
}



::-webkit-scrollbar-thumb {

  -webkit-border-radius: 10px;

  border-radius: 10px;

  background: #ffbc00;

}



img {

  max-width: 100%;

  height: auto;

  transition: all 0.3s ease-out 0s;

}



button {

  cursor: pointer;

}



.section {

  padding: 100px 0;

}



*:focus {

  outline: none;

}



button {

  border: none;



  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.section-title {


  margin-bottom: 15px;

  font-weight: 600;

}



button:focus {

  outline: none;

}



a {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;



}



a:hover {

  text-decoration: none;

  color: #000;

}



table {

  width: 100%;

}



p,

li {

  color: #000;

  font-size: 18px;

  margin-bottom: 0;

}



/* reset css end */

/* global css start */

.nice-select {

  background-color: transparent;

  padding: 8px 17px;

  border-radius: 0;

  height: 100%;

}



.nice-select span {

  color: #000;

  font-size: 16px;

}



.nice-select .list li {

  margin-right: 0 !important;

}



.nice-select .list .option {

  color: #000;

  font-size: 16px;

}



.nice-select .list .option.selected,

.nice-select .list .option:hover {

  border: none !important;

}

.nice-select .list .option.selected,

.nice-select .list .option:hover {

  border: none !important;

}



/* global css end */

.bg_img {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

}



.dark-bg {

  background-color: #010103;

}



.grey-bg {

  background: #F4F1EE;

}



.white {

  color: #ffffff;

}



.f-right {

  float: right;

}



.section-heading {

  position: relative;

  z-index: 2;

}



@media (max-width: 991px) {

  .section-heading {

    text-align: center;

  }

}



.section-heading .sub-title {

  color: #ffffff;

  background: #C7A17A;



  display: inline-block;

  font-size: 12px;

  text-transform: uppercase;

  padding: 1.5px 13px;

  letter-spacing: 2px;

  border-radius: 3px;

  line-height: 22px;

  margin-bottom: 23px;

}



.section-heading .title {

  color: #ffffff;

  font-size: 55px;

  line-height: 57px;

  text-transform: uppercase;

}



@media (max-width: 767px) {

  .section-heading .title {

    font-size: 36px;

    line-height: 38px;

  }

}



.section-heading p {

  font-size: 18px;

}



.section-heading p:not(:last-child) {

  margin-bottom: 35px;

}



.section-heading__black .title {

  color: #000;

}



.border-effect a,

.border-effect span.border-effect {

  position: relative;

  display: inline;

  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));

  background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);

  background-size: 0px 2px;

  background-position: 0px 95%;

  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  padding: 0.7% 0px;

  background-repeat: no-repeat;

  color: inherit;

}



.border-effect a:hover,

.border-effect span.border-effect:hover {

  background-size: 100% 2px;

}



span.border-effect {

  position: relative;

  display: inline;

  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));

  background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);

  background-size: 0px 2px;

  background-position: 0px 95%;

  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  padding: 0.7% 0px;

  background-repeat: no-repeat;

  color: inherit;

}



span.border-effect:hover {

  background-size: 100% 2px;

}



.custom-width {

  max-width: 1480px;

}



@media only screen and (min-width: 1200px) and (max-width: 1500px) {

  .custom-width {

    max-width: 1370px;

  }

}



.custom-width__2 {

  max-width: 1430px;

}



@media only screen and (min-width: 1200px) and (max-width: 1500px) {

  .custom-width__2 {

    max-width: 1370px;

  }

}



.custom-padding {

  padding-left: 15px !important;

  padding-right: 15px !important;

}



@media (max-width: 575px) {

  .custom-padding {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }

}





/* typography css start */

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 400;

  color: #000;

  font-family: "Inter Tight", sans-serif;



  margin: 0;

  line-height: 1.4;



}



h1 {

  font-size: 60px;

}



h2 {

  font-size: 48px;
  line-height: 1.1;

}



h3 {

  font-size: 24px;

}



h4 {

  font-size: 20px;

}



h5 {

  font-size: 18px;

}



h6 {

  font-size: 16px;

}



/* typography css end */

/*--

    - Overlay

------------------------------------------*/

[data-overlay] {

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  z-index: 1;

}



[data-overlay]::before {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

}



/*-- Overlay Color --*/

[data-overlay=light]::before {

  background-color: #ffffff;

}



[data-overlay=dark]::before {

  background-color: #000;

}



/*-- Overlay Opacity --*/

[data-opacity="1"]::before {

  opacity: 0.1;

}



[data-opacity="2"]::before {

  opacity: 0.2;

}



[data-opacity="3"]::before {

  opacity: 0.3;

}



[data-opacity="4"]::before {

  opacity: 0.4;

}



[data-opacity="5"]::before {

  opacity: 0.5;

}



[data-opacity="6"]::before {

  opacity: 0.6;

}



[data-opacity="65"]::before {

  opacity: 0.65;

}



[data-opacity="7"]::before {

  opacity: 0.7;

}



[data-opacity="8"]::before {

  opacity: 0.8;

}



[data-opacity="9"]::before {

  opacity: 0.9;

}



/* Heder css start*/

.site-header {

  width: 100%;

  z-index: 99;

}



.site-header__3 {

  padding: 20px 0px 0px 0px;
  /* box-shadow: 0px 4px 10px 20px #00000003; */
  position: relative;
}

.site-header__3 .stick-show {

  display: none;
}

.site-header__3 .sticky-header .stick-show {

  display: block;
}

.site-header__3 .sticky-header .sticky-hide {

  display: none;
}



@media (max-width: 1199px) {

  .site-header__3 {

    padding: 16px 0px;

  }



  .site-header__3 .sticky-header {

    padding: 16px 0px;

  }

}



@media (max-width: 991px) {

  .site-header__3 {
    padding: 10px 0px;
    border-bottom: 1px solid #ffffff5c;
  }

}



.site-header__3 .wrapper {

  width: 200px;

}



.site-header__4 {

  border: none;

}



@media (max-width: 1199px) {

  .site-header__4 {

    padding: 15px 0px;

  }

}



.header-top {

  padding: 30.5px 0px;

  border-bottom: 1px solid #32323D;

}



@media (max-width: 1199px) {

  .header-top__left {

    justify-content: center;

  }

}



@media (max-width: 991px) {

  .header-top__left .logo {

    display: none;

  }

}



@media (max-width: 767px) {

  .header-top__right {

    margin-top: 25px;

    flex-direction: column;

    justify-content: center;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .header-top__right {

    flex-direction: row;

    justify-content: center;

    align-items: center;

  }

}



.header-top__right a {

  text-decoration: none;

}



.header-top__right .tel {

  color: #ffffff;

  font-size: 18px;

}



.header-top__right .tel i {

  color: #C7A17A;

  padding-right: 15px;

  font-size: 19px;

}



.header-top__right .site-btn {

  margin-left: 80px;

}



@media (max-width: 1199px) {

  .header-top__right .site-btn {

    margin-left: 40px;

  }

}



@media (max-width: 767px) {

  .header-top__right .site-btn {

    margin-left: 0px;

    margin-top: 20px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .header-top__right .site-btn {

    margin-left: 40px;

    margin-top: 0px;

  }

}



@media (max-width: 1199px) {

  .header-top__right--2 {

    margin-top: 20px;

  }

}



.header-top__2 {

  border-color: #E2DFDD;

}



.header-top__2 .site-btn {

  margin-left: 100px;

}



@media (max-width: 1199px) {

  .header-top__2 .site-btn {

    margin-left: 50px;

  }

}



@media (max-width: 767px) {

  .header-top__2 .site-btn {

    margin-left: 0px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .header-top__2 .site-btn {

    margin-left: 50px;

  }

}



select {

  -webkit-appearance: none;

  /* Safari/Chrome */

  -moz-appearance: none;

  /* Firefox */

  appearance: none;

  /* Standard */

  background-image: none !important;

}



.logo img {

  width: 185px;

}



/* Navigation css */

.main-menu ul {

  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 15px 0;
  align-items: center;
  margin: 25px 0 0 0;
  border-top: 1px solid #ffffff5c;
  border-bottom: 1px solid #ffffff5c;

}

.about-page .main-menu ul {
  border-top: 1px solid #e5e0d1;
  border-bottom: 1px solid #e5e0d1;

}



.main-menu ul li {

  position: relative;

}







/* .main-menu ul li {

  border-right: 1px solid #e5e5e5;

} */







/* .menu-area__right--3 .main-menu.main-menu__3 ul li:nth-child(1) {

  border-left: 1px solid #e5e5e5;

} */



.menu-area__right--3 .main-menu.main-menu__3 ul li:nth-child(3) {

  border-right: 0px solid #e5e5e5;

}





@media (max-width: 1199px) {

  .main-menu ul li:not(:last-child) {

    margin-right: 11px;

  }

}



.main-menu ul li a {

  display: block;

  text-decoration: none;

  font-size: 16px;

  color: #fff;

  padding: 0px 35px;

  position: relative;

  text-transform: uppercase;

  line-height: 22px;
  letter-spacing: 1px;
  font-weight: 500;

}

.about-page .main-menu ul li a {
  color: #000;

}

.site-header__3 .sticky-header .main-menu ul li a {

  display: block;

  text-decoration: none;

  font-size: 16px;

  color: #fff;

  padding: 0px 35px;

  position: relative;

  text-transform: uppercase;

  line-height: 22px;
  letter-spacing: 1px;
  font-weight: 500;

}

.logo {
  text-align: center;
  display: flex;
  justify-content: center;
}

.site-header__3 .sticky-header .main-menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  align-items: center;
  margin: 25px 0 0 0;
  border-top: 1px solid #7373735c;
  border-bottom: 1px solid #7373735c;
}

.site-header__3 .sticky-header .goog-te-gadget-simple::after {
  content: "\ea4e";
  font-family: 'remixicon' !important;
  font-size: 16px;
  margin-left: 0px;
  position: absolute;
  top: 0;
  color: #fff;
}

.main-menu ul li a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 9px;
  background-color: #fff;
  border-radius: 50px;

}

.about-page .main-menu ul li a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 9px;
  background-color: #000;
  border-radius: 50px;

}

.main-menu ul li:nth-child(6) a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 11px;
  background-color: #fff;
  border-radius: 50px;

}

.about-page .main-menu ul li:nth-child(6) a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 11px;
  background-color: #000;
  border-radius: 50px;

}

.site-header__3 .sticky-header .main-menu ul li:nth-child(6) a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 11px;
  background-color: #fff;
  border-radius: 50px;

}

.site-header__3 .sticky-header .main-menu ul li a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 8px;
  background-color: #fff;
  border-radius: 50px;

}

.main-menu ul li:nth-child(1) a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 11px;
  background-color: #ffffff00;
  border-radius: 50px;

}

.about-page .main-menu ul li:nth-child(1) a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 11px;
  background-color: #ffffff00;
  border-radius: 50px;

}

.site-header__3 .sticky-header .main-menu ul li:nth-child(1) a::before {

  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  top: 11px;
  background-color: #ffffff00;
  border-radius: 50px;

}



.main-menu ul li a.arrow {

  display: flex;
  align-items: center;

}


.site-header__3 .sticky-header .main-menu ul li a.arrow {

  display: flex;
  align-items: center;

}







.main-menu ul li:hover a {

  color: #aaaaaa
}



.main-menu ul li:hover>.sub-menu {

  visibility: visible;

  opacity: 1;

  -webkit-transform: scaleY(100%);

  -ms-transform: scaleY(100%);

  transform: scaleY(100%);

}



.main-menu ul li .sub-menu {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: absolute;

  min-width: 240px;

  top: 100%;

  visibility: hidden;

  opacity: 0;

  background: #ffffff;

  padding: 20px 0;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

  z-index: 3;

  text-align: left;

  transform-origin: 50% 0;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  border-radius: 5px;

}



.main-menu ul li .sub-menu li {

  margin-right: 0px;

}



.main-menu ul li .sub-menu li a {

  color: #010103;

  padding: 10px 30px;

}



.main-menu ul li .sub-menu li a::after {

  left: 15px;

}



.main-menu ul li .sub-menu li a:hover::after {

  left: 10px;

}



.main-menu ul li .sub-menu li:hover>a {

  color: #9e312e;

  letter-spacing: 1px;

}



.main-menu ul li .sub-menu li:hover>a::after {

  left: 10px;

}



.main-menu ul li .sub-menu ul {

  left: 100%;

  top: 0px;

}



.main-menu ul li .sub-menu .active>a {

  color: #fff;

  letter-spacing: 1px;

}



.main-menu ul li .sub-menu .active>a::after {

  left: 10px;

}



.main-menu ul .active>a {

  color: #fff;

}



.main-menu ul .active>a::after {

  opacity: 1;

  visibility: visible;

  left: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1500px) {

  .main-menu__2 ul li:not(:last-child) {

    margin-right: 20px;

  }

}



.main-menu__2 ul li a {

  color: #000;

  font-weight: 500;

}



@media (max-width: 1199px) {

  .main-menu__3 {

    margin-left: 0px;

  }

}



@media (max-width: 991px) {

  .main-menu__3 {

    display: none;

  }

}





@media (max-width: 1250px) {

  .main-menu__3 ul li:not(:last-child) {

    margin-right: 2px;

  }

}



@media (max-width: 1199px) {

  .main-menu__3 ul li:not(:last-child) {

    margin-right: 5px;

  }

}



@media (max-width: 1199px) {

  .main-menu__3 ul li a {

    padding: 35px 18px;

  }

}



.main-menu__4 ul li a {

  color: #000;

  font-weight: 500;

}



.menu-area {

  position: relative;

  z-index: 99;

}



@media (max-width: 991px) {

  .menu-area {

    padding-top: 15px;

  }

}



.menu-area__right .item {

  font-size: 19px;

  color: #fff;

}



.menu-area__right .item i {

  color: #fff;

}

.about-page .menu-area__right .item i {

  color: #000;

}

.sticky-header .menu-area__right .item i {

  color: #fff;

}



.menu-area__right--2 .item {

  color: #000;

}



.menu-area__right--2 .item i {

  color: #000;

}



.menu-area__right--4 .item {

  color: #000;

}



.menu-area__right--4 .item i {

  color: #000;

}



@media (max-width: 991px) {

  .menu-area__3 {

    padding-top: 0px;

  }

}



.menu-area.sticky-header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 999;

  background: #000;

  -webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.1);
  padding: 20px 0 0px 0;

}

.about-page .menu-area.sticky-header {

  padding: 20px 0 0px 0;

}



@media (max-width: 991px) {

  .menu-area.sticky-header {

    padding-top: 15px;
    padding-bottom: 15px;

  }

}



.menu-area-2.sticky-header {

  background-color: #ffffff;

}



@media (max-width: 991px) {

  .menu-area-2.sticky-header {

    padding-top: 10px;

    padding-bottom: 0px;

  }

}



.menu-area__4.sticky-header {

  background-color: #ffffff;

}



.menu-area.animated {

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

}



.mean-container .mean-nav ul li a:hover {

  color: #fff;

}





/* Top Infos */



.top_infos {

  background-color: #ae6b44;
  padding: 10px 0px;
  border-bottom: 2px solid #fff;

}



.c-text-container {

  overflow: hidden;

  display: flex;

  padding: 0px 0;

}



.c-text-slider {

  display: flex;

  white-space: nowrap;

  animation: slide 80s linear infinite;

}



@keyframes slide {

  from {

    transform: translateX(0%);

  }



  to {

    transform: translateX(-100%);

  }

}



.c-text::before {

  content: "";

  position: absolute;

  left: -33px;

  top: 5px;

  background-color: #fff;

  width: 6px;

  height: 6px;

  border-radius: 50%;

}



.c-text a {

  text-decoration: none;

}



.c-text a p {

  text-decoration: none;

  color: #fff;
  text-transform: uppercase;
  font-size: 15px;

  font-weight: 400;

  margin-bottom: 0;
  letter-spacing: 1px;
  line-height: 1;

}



.c-text {

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 16px;

  box-shadow: 0px 0px 0px 0px rgba(226, 215, 255, 0.4);

  margin-left: 30px;

  position: relative;

  margin-right: 30px;

}



.info_para {

  text-transform: uppercase;

  color: #fff;

  font-size: 16px;

  font-weight: 300;

  text-align: center;

  letter-spacing: 3px;

  line-height: 1;

}



/* Social link css */

.social-links a {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  border-radius: 0;

  font-size: 24px;

  border: 1px solid #ffffff38;

  text-align: center;

  line-height: 27px;

  color: #fff;

  text-decoration: none;

}



.social-links a:not(:last-child) {

  margin-right: 10px;

}



.social-links a:hover {

  border-color: #ffffff;

  color: #ffffff;

}



.social-links__2 a {

  border-color: #E2DFDD;

}



.social-links__2 a:hover {

  border-color: #999999;

  color: #000;

}



/*--

    - Margin & Padding

-----------------------------------------*/

/*-- Margin Top Negative --*/

.mt-none-5 {

  margin-top: -5px;

}



.mt-none-10 {

  margin-top: -10px;

}



.mt-none-15 {

  margin-top: -15px;

}



.mt-none-20 {

  margin-top: -20px;

}



.mt-none-25 {

  margin-top: -25px;

}



.mt-none-30 {

  margin-top: -30px;

}



.mt-none-35 {

  margin-top: -35px;

}



.mt-none-40 {

  margin-top: -40px;

}



.mt-none-45 {

  margin-top: -45px;

}



.mt-none-50 {

  margin-top: -50px;

}



.mt-none-55 {

  margin-top: -55px;

}



.mt-none-60 {

  margin-top: -60px;

}



.mt-none-65 {

  margin-top: -65px;

}



.mt-none-70 {

  margin-top: -70px;

}



.mt-none-75 {

  margin-top: -75px;

}



.mt-none-80 {

  margin-top: -80px;

}



.mt-none-85 {

  margin-top: -85px;

}



.mt-none-90 {

  margin-top: -90px;

}



.mt-none-95 {

  margin-top: -95px;

}



.mt-none-100 {

  margin-top: -100px;

}



/*-- Margin Top --*/

.mt-5 {

  margin-top: 5px;

}



.mt-10 {

  margin-top: 10px;

}



.mt-15 {

  margin-top: 15px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-25 {

  margin-top: 25px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-35 {

  margin-top: 35px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-45 {

  margin-top: 45px;

}



.mt-50 {

  margin-top: 50px;

}



.mt-55 {

  margin-top: 55px;

}



.mt-60 {

  margin-top: 60px;

}



.mt-65 {

  margin-top: 65px;

}



.mt-70 {

  margin-top: 70px;

}



.mt-75 {

  margin-top: 75px;

}



.mt-80 {

  margin-top: 80px;

}



.mt-85 {

  margin-top: 85px;

}



.mt-90 {

  margin-top: 90px;

}



.mt-95 {

  margin-top: 95px;

}



.mt-100 {

  margin-top: 100px;

}



.mt-105 {

  margin-top: 105px;

}



.mt-110 {

  margin-top: 110px;

}



.mt-115 {

  margin-top: 115px;

}



.mt-120 {

  margin-top: 120px;

}



.mt-125 {

  margin-top: 125px;

}



.mt-130 {

  margin-top: 130px;

}



.mt-135 {

  margin-top: 135px;

}



.mt-140 {

  margin-top: 140px;

}



.mt-145 {

  margin-top: 145px;

}



.mt-150 {

  margin-top: 150px;

}



.mt-155 {

  margin-top: 155px;

}



.mt-160 {

  margin-top: 160px;

}



.mt-165 {

  margin-top: 165px;

}



.mt-170 {

  margin-top: 170px;

}



.mt-175 {

  margin-top: 175px;

}



.mt-180 {

  margin-top: 180px;

}



.mt-185 {

  margin-top: 185px;

}



.mt-190 {

  margin-top: 190px;

}



.mt-195 {

  margin-top: 195px;

}



.mt-200 {

  margin-top: 200px;

}



/*-- Margin Bottom --*/

.mb-5 {

  margin-bottom: 5px;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-25 {

  margin-bottom: 25px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-35 {

  margin-bottom: 35px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-45 {

  margin-bottom: 45px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mb-55 {

  margin-bottom: 55px;

}



.mb-60 {

  margin-bottom: 60px;

}



.mb-65 {

  margin-bottom: 65px;

}



.mb-70 {

  margin-bottom: 70px;

}



.mb-75 {

  margin-bottom: 75px;

}



.mb-80 {

  margin-bottom: 80px;

}



.mb-85 {

  margin-bottom: 85px;

}



.mb-90 {

  margin-bottom: 90px;

}



.mb-95 {

  margin-bottom: 95px;

}



.mb-100 {

  margin-bottom: 100px;

}



.mb-105 {

  margin-bottom: 105px;

}



.mb-110 {

  margin-bottom: 110px;

}



.mb-115 {

  margin-bottom: 115px;

}



.mb-120 {

  margin-bottom: 120px;

}



.mb-125 {

  margin-bottom: 125px;

}



.mb-130 {

  margin-bottom: 130px;

}



.mb-135 {

  margin-bottom: 135px;

}



.mb-140 {

  margin-bottom: 140px;

}



.mb-145 {

  margin-bottom: 145px;

}



.mb-150 {

  margin-bottom: 150px;

}



.mb-155 {

  margin-bottom: 155px;

}



.mb-160 {

  margin-bottom: 160px;

}



.mb-165 {

  margin-bottom: 165px;

}



.mb-170 {

  margin-bottom: 170px;

}



.mb-175 {

  margin-bottom: 175px;

}



.mb-180 {

  margin-bottom: 180px;

}



.mb-185 {

  margin-bottom: 185px;

}



.mb-190 {

  margin-bottom: 190px;

}



.mb-195 {

  margin-bottom: 195px;

}



.mb-200 {

  margin-bottom: 200px;

}



/*-- Margin Left --*/

.ml-5 {

  margin-left: 5px;

}



.ml-10 {

  margin-left: 10px;

}



.ml-15 {

  margin-left: 15px;

}



.ml-20 {

  margin-left: 20px;

}



.ml-25 {

  margin-left: 25px;

}



.ml-30 {

  margin-left: 30px;

}



.ml-35 {

  margin-left: 35px;

}



.ml-40 {

  margin-left: 40px;

}



.ml-45 {

  margin-left: 45px;

}



.ml-50 {

  margin-left: 50px;

}



.ml-55 {

  margin-left: 55px;

}



.ml-60 {

  margin-left: 60px;

}



.ml-65 {

  margin-left: 65px;

}



.ml-70 {

  margin-left: 70px;

}



.ml-75 {

  margin-left: 75px;

}



.ml-80 {

  margin-left: 80px;

}



.ml-85 {

  margin-left: 85px;

}

.side-info__logo {
  line-height: 0;
}

.ml-90 {

  margin-left: 90px;

}



.ml-95 {

  margin-left: 95px;

}



.ml-100 {

  margin-left: 100px;

}



.ml-105 {

  margin-left: 105px;

}



.ml-110 {

  margin-left: 110px;

}



.ml-115 {

  margin-left: 115px;

}



.ml-120 {

  margin-left: 120px;

}



.ml-125 {

  margin-left: 125px;

}



.ml-130 {

  margin-left: 130px;

}



.ml-135 {

  margin-left: 135px;

}



.ml-140 {

  margin-left: 140px;

}



.ml-145 {

  margin-left: 145px;

}



.ml-150 {

  margin-left: 150px;

}



.ml-155 {

  margin-left: 155px;

}



.ml-160 {

  margin-left: 160px;

}



.ml-165 {

  margin-left: 165px;

}



.ml-170 {

  margin-left: 170px;

}



.ml-175 {

  margin-left: 175px;

}



.ml-180 {

  margin-left: 180px;

}



.ml-185 {

  margin-left: 185px;

}



.ml-190 {

  margin-left: 190px;

}



.ml-195 {

  margin-left: 195px;

}



.ml-200 {

  margin-left: 200px;

}



/*-- Margin Right --*/

.mr-5 {

  margin-right: 5px;

}



.mr-10 {

  margin-right: 10px;

}



.mr-15 {

  margin-right: 15px;

}



.mr-20 {

  margin-right: 20px;

}



.mr-25 {

  margin-right: 25px;

}



.mr-30 {

  margin-right: 30px;

}



.mr-35 {

  margin-right: 35px;

}



.mr-40 {

  margin-right: 40px;

}



.mr-45 {

  margin-right: 45px;

}



.mr-50 {

  margin-right: 50px;

}



.mr-55 {

  margin-right: 55px;

}



.mr-60 {

  margin-right: 60px;

}



.mr-65 {

  margin-right: 65px;

}



.mr-70 {

  margin-right: 70px;

}



.mr-75 {

  margin-right: 75px;

}



.mr-80 {

  margin-right: 80px;

}



.mr-85 {

  margin-right: 85px;

}



.mr-90 {

  margin-right: 90px;

}



.mr-95 {

  margin-right: 95px;

}



.mr-100 {

  margin-right: 100px;

}



.mr-105 {

  margin-right: 105px;

}



.mr-110 {

  margin-right: 110px;

}



.mr-115 {

  margin-right: 115px;

}



.mr-120 {

  margin-right: 120px;

}



.mr-125 {

  margin-right: 125px;

}



.mr-130 {

  margin-right: 130px;

}



.mr-135 {

  margin-right: 135px;

}



.mr-140 {

  margin-right: 140px;

}



.mr-145 {

  margin-right: 145px;

}



.mr-150 {

  margin-right: 150px;

}



.mr-155 {

  margin-right: 155px;

}



.mr-160 {

  margin-right: 160px;

}



.mr-165 {

  margin-right: 165px;

}



.mr-170 {

  margin-right: 170px;

}



.mr-175 {

  margin-right: 175px;

}



.mr-180 {

  margin-right: 180px;

}



.mr-185 {

  margin-right: 185px;

}



.mr-190 {

  margin-right: 190px;

}



.mr-195 {

  margin-right: 195px;

}



.mr-200 {

  margin-right: 200px;

}



/*-- Padding Top --*/

.pt-5 {

  padding-top: 5px;

}



.pt-10 {

  padding-top: 10px;

}



.pt-15 {

  padding-top: 15px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-25 {

  padding-top: 25px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-35 {

  padding-top: 35px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-45 {

  padding-top: 45px;

}



.pt-50 {

  padding-top: 50px;

}



.pt-55 {

  padding-top: 55px;

}



.pt-60 {

  padding-top: 60px;

}



.pt-65 {

  padding-top: 65px;

}



.pt-70 {

  padding-top: 70px;

}



.pt-75 {

  padding-top: 75px;

}



.pt-80 {

  padding-top: 80px;

}



.pt-85 {

  padding-top: 85px;

}



.pt-90 {

  padding-top: 90px;

}



.pt-95 {

  padding-top: 95px;

}



.pt-100 {

  padding-top: 100px;

}



.pt-105 {

  padding-top: 105px;

}



.pt-110 {

  padding-top: 110px;

}



.pt-115 {

  padding-top: 115px;

}



.pt-120 {

  padding-top: 120px;

}



.pt-125 {

  padding-top: 125px;

}



.pt-130 {

  padding-top: 130px;

}



.pt-135 {

  padding-top: 135px;

}



.pt-140 {

  padding-top: 140px;

}



.pt-145 {

  padding-top: 145px;

}



.pt-150 {

  padding-top: 150px;

}



.pt-155 {

  padding-top: 155px;

}



.pt-160 {

  padding-top: 160px;

}



.pt-165 {

  padding-top: 165px;

}



.pt-170 {

  padding-top: 170px;

}



.pt-175 {

  padding-top: 175px;

}



.pt-180 {

  padding-top: 180px;

}



.pt-185 {

  padding-top: 185px;

}



.pt-190 {

  padding-top: 190px;

}



.pt-195 {

  padding-top: 195px;

}



.pt-200 {

  padding-top: 200px;

}



/*-- Padding Bottom --*/

.pb-5 {

  padding-bottom: 5px;

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-15 {

  padding-bottom: 15px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-25 {

  padding-bottom: 25px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-35 {

  padding-bottom: 35px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-45 {

  padding-bottom: 45px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pb-55 {

  padding-bottom: 55px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pb-65 {

  padding-bottom: 65px;

}



.pb-70 {

  padding-bottom: 70px;

}



.pb-75 {

  padding-bottom: 75px;

}



.pb-80 {

  padding-bottom: 80px;

}



.pb-85 {

  padding-bottom: 85px;

}



.pb-90 {

  padding-bottom: 90px;

}



.pb-95 {

  padding-bottom: 95px;

}



.pb-100 {

  padding-bottom: 100px;

}



.pb-105 {

  padding-bottom: 105px;

}



.pb-110 {

  padding-bottom: 110px;

}



.pb-115 {

  padding-bottom: 115px;

}



.pb-120 {

  padding-bottom: 120px;

}



.pb-125 {

  padding-bottom: 125px;

}



.pb-130 {

  padding-bottom: 130px;

}



.pb-135 {

  padding-bottom: 135px;

}



.pb-140 {

  padding-bottom: 140px;

}



.pb-145 {

  padding-bottom: 145px;

}



.pb-150 {

  padding-bottom: 150px;

}



.pb-155 {

  padding-bottom: 155px;

}



.pb-160 {

  padding-bottom: 160px;

}



.pb-165 {

  padding-bottom: 165px;

}



.pb-170 {

  padding-bottom: 170px;

}



.pb-175 {

  padding-bottom: 175px;

}



.pb-180 {

  padding-bottom: 180px;

}



.pb-185 {

  padding-bottom: 185px;

}



.pb-190 {

  padding-bottom: 190px;

}



.pb-195 {

  padding-bottom: 195px;

}



.pb-200 {

  padding-bottom: 200px;

}



/*-- Padding Left --*/

.pl-5 {

  padding-left: 5px;

}



.pl-10 {

  padding-left: 10px;

}



.pl-15 {

  padding-left: 15px;

}



.pl-20 {

  padding-left: 20px;

}



.pl-25 {

  padding-left: 25px;

}



.pl-30 {

  padding-left: 30px;

}



.pl-35 {

  padding-left: 35px;

}



.pl-40 {

  padding-left: 40px;

}



.pl-45 {

  padding-left: 45px;

}



.pl-50 {

  padding-left: 50px;

}



.pl-55 {

  padding-left: 55px;

}



.pl-60 {

  padding-left: 60px;

}



.pl-65 {

  padding-left: 65px;

}



.pl-70 {

  padding-left: 70px;

}



.pl-75 {

  padding-left: 75px;

}



.pl-80 {

  padding-left: 80px;

}



.pl-85 {

  padding-left: 85px;

}



.pl-90 {

  padding-left: 90px;

}



.pl-95 {

  padding-left: 95px;

}



.pl-100 {

  padding-left: 100px;

}



.pl-105 {

  padding-left: 105px;

}



.pl-110 {

  padding-left: 110px;

}



.pl-115 {

  padding-left: 115px;

}



.pl-120 {

  padding-left: 120px;

}



.pl-125 {

  padding-left: 125px;

}



.pl-130 {

  padding-left: 130px;

}



.pl-135 {

  padding-left: 135px;

}



.pl-140 {

  padding-left: 140px;

}



.pl-145 {

  padding-left: 145px;

}



.pl-150 {

  padding-left: 150px;

}



.pl-155 {

  padding-left: 155px;

}



.pl-160 {

  padding-left: 160px;

}



.pl-165 {

  padding-left: 165px;

}



.pl-170 {

  padding-left: 170px;

}



.pl-175 {

  padding-left: 175px;

}



.pl-180 {

  padding-left: 180px;

}



.pl-185 {

  padding-left: 185px;

}



.pl-190 {

  padding-left: 190px;

}



.pl-195 {

  padding-left: 195px;

}



.pl-200 {

  padding-left: 200px;

}



/*-- Padding Right --*/

.pr-5 {

  padding-right: 5px;

}



.pr-10 {

  padding-right: 10px;

}



.pr-15 {

  padding-right: 15px;

}



.pr-20 {

  padding-right: 20px;

}



.pr-25 {

  padding-right: 25px;

}



.pr-30 {

  padding-right: 30px;

}



.pr-35 {

  padding-right: 35px;

}



.pr-40 {

  padding-right: 40px;

}



.pr-45 {

  padding-right: 45px;

}



.pr-50 {

  padding-right: 50px;

}



.pr-55 {

  padding-right: 55px;

}



.pr-60 {

  padding-right: 60px;

}



.pr-65 {

  padding-right: 65px;

}



.pr-70 {

  padding-right: 70px;

}



.pr-75 {

  padding-right: 75px;

}



.pr-80 {

  padding-right: 80px;

}



.pr-85 {

  padding-right: 85px;

}



.pr-90 {

  padding-right: 90px;

}



.pr-95 {

  padding-right: 95px;

}



.pr-100 {

  padding-right: 100px;

}



.pr-105 {

  padding-right: 105px;

}



.pr-110 {

  padding-right: 110px;

}



.pr-115 {

  padding-right: 115px;

}



.pr-120 {

  padding-right: 120px;

}



.pr-125 {

  padding-right: 125px;

}



.pr-130 {

  padding-right: 130px;

}



.pr-135 {

  padding-right: 135px;

}



.pr-140 {

  padding-right: 140px;

}



.pr-145 {

  padding-right: 145px;

}



.pr-150 {

  padding-right: 150px;

}



.pr-155 {

  padding-right: 155px;

}



.pr-160 {

  padding-right: 160px;

}



.pr-165 {

  padding-right: 165px;

}



.pr-170 {

  padding-right: 170px;

}



.pr-175 {

  padding-right: 175px;

}



.pr-180 {

  padding-right: 180px;

}



.pr-185 {

  padding-right: 185px;

}



.pr-190 {

  padding-right: 190px;

}



.pr-195 {

  padding-right: 195px;

}



.pr-200 {

  padding-right: 200px;

}





/* Button css */

.site-btn {

  background-color: #95322f;
  color: white;
  text-decoration: none;
  padding: 20px 35px;
  font-size: 18px;
  font-family: var(--font-primary);
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  display: inline-block;
  /* box-shadow: 0px 11px 20px 3px #00000047; */
}

#clearFilters.site-btn {

  background-color: #000;
  color: white;
  text-decoration: none;
  padding: 14px 12px;
  font-size: 11px;
  font-family: var(--font-primary);
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  display: inline-block;
  /* /* box-shadow: 0px 11px 20px 3px #00000047; */
}

.info-box .site-btn {
  box-shadow: none;
  margin-top: 14px;
}

.site-btn::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #dfa14c, #df5c51) 1;
  /* border: 2px solid #FFC656; */
  pointer-events: none;
}

#clearFilters.site-btn::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-width: 0px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #dfa14c, #df5c51) 1;
  /* border: 2px solid #FFC656; */
  pointer-events: none;
}

.AuthenticLeather .gradient-border-wrapper {
  text-align: center;
  margin-top: 30px;
}



@media (max-width: 767px) {

  .site-btn {

    padding: 9.5px 30px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .site-btn {

    padding: 9.5px 34px;

  }

}



.site-btn::after {

  background: #32323D;

  width: 0%;

  height: 100%;

  border-radius: 5px;

  position: absolute;

  content: "";

  top: 0;

  -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

  -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

  z-index: -1;

  right: 0;

}



.site-btn:hover::after {

  width: 100%;

  left: 0;

  right: auto;

}



.site-btn:hover {

  color: #ffffff;

  border-color: #010103;

}



.site-btn__borderd {

  background: transparent;

  border-color: #32323D;

}



.site-btn__borderd::after {

  background: #C7A17A;

}



.site-btn__borderd:hover {

  border-color: #C7A17A;

}



.site-btn__2 {

  background: transparent;

  border-color: #E2DFDD;

  margin-right: 20px;

  color: #010103;

}



.site-btn__2::after {

  background: #C7A17A;

}



.site-btn__2:hover {

  border-color: #C7A17A;

}



.site-btn__bghide {

  border: none;

  border-radius: 0px;

  color: #000;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 14px;

  letter-spacing: 0px;

  background-color: transparent;

}



.site-btn__bghide::after {

  display: none;

}



.site-btn__bghide:hover {

  color: #C7A17A;

}



@media (max-width: 767px) {

  .btns {

    flex-direction: column;

    justify-content: flex-start !important;

    align-items: flex-start !important;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .btns {

    flex-direction: row;

    justify-content: flex-start !important;

    align-items: center !important;

  }

}



.btns .site-btn__borderd {

  margin-left: 20px;

}



@media (max-width: 767px) {

  .btns .site-btn__borderd {

    margin-left: 0px;

    margin-top: 20px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .btns .site-btn__borderd {

    margin-left: 20px;

    margin-top: 0px;

  }

}



.btns .site-btn__borderd--double {

  border-width: 2px;

  padding: 8.5px 34px;

}



.video-btn {

  text-decoration: none;

}



.video-btn span {

  font-size: 15px;

  text-transform: uppercase;

  color: #828282;

  margin-right: 18px;

}



.video-btn i {

  width: 50px;

  height: 50px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  color: #ffffff;

  border-radius: 50%;

  border: 1px solid #79797A;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.video-btn:hover i {

  background: #C7A17A;

  color: #ffffff;

}



.video-btn__2 {

  flex-direction: column;

  justify-content: center;

}



.video-btn__2 i {

  width: 70px;

  height: 70px;

  color: #776c62;

  font-size: 13px;

  margin-bottom: 5px;

  border-color: #E3E0DE;

}



.video-btn__2 span {

  color: #000;

  font-weight: 500;

  margin-right: 0px;

  display: block;

}



.video-btn__2--white i {

  color: #ffffff;

}



.video-btn__2--white span {

  color: #ffffff;

  letter-spacing: 2px;

}



.video-btn__2--white:hover i {

  background-color: #C7A17A;

  border-color: #C7A17A;

}



.read-more {

  color: #a7a7a7;

  text-transform: uppercase;

  text-decoration: none;

  font-size: 15px;

  display: inline-block;

}



.read-more i {

  padding-left: 10px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.read-more:hover {

  color: #ffffff;

}



.read-more:hover i {

  padding-left: 5px;

}



.read-more__2 {

  color: #6c6c6c;

}



.go-top {

  position: absolute;

  flex-direction: column;

  font-size: 15px;

  color: #a7a7a7;

  text-transform: uppercase;

  text-decoration: none;

  top: -25px;

  left: 50%;

  display: inline-block;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.go-top span {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.go-top span:hover {

  color: #ffffff;

}



.go-top i {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  background-color: #010103;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  color: #ffffff;

  margin-bottom: 10px;

  border: 1px solid #a7a7a7;

  width: 50px;

  height: 50px;

  border-radius: 50%;

}



.go-top i:hover {

  background-color: #C7A17A;

}



.go-top__bottom {

  left: 0;

  -webkit-transform: translateX(0%);

  -ms-transform: translateX(0%);

  transform: translateX(0%);

  position: static;

  color: #ffffff;

}



@media (max-width: 991px) {

  .go-top__bottom {

    margin-top: 30px;

  }

}



.go-top__bottom span {

  color: #ffffff;

}



.go-top__bottom i {

  display: inline-block;

  width: auto;

  height: auto;

  border: none;

  margin-bottom: 0;

  padding-left: 5px;

  background-color: transparent;

}



.go-top__white i {

  background: #ffffff;

  border-color: #E2DFDD;

  color: #000;

  margin-bottom: 0px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.go-top__white i:hover {

  background-color: #C7A17A;

  border-color: #C7A17A;

  color: #ffffff;

}



@media (max-width: 991px) {

  .btns-wrapper .site-btn {

    margin-top: 20px;

  }

}



.share-btn {

  color: #6c6c6c;

}



.inline-btn {

  width: 45px;

  height: 45px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  color: #776c62;

  border: 1px solid #E2DFDD;

  border-radius: 5px;

  text-decoration: none;

}



.inline-btn:hover {

  color: #ffffff;

  background-color: #C7A17A;

  border-color: #C7A17A;

}





/* side info css */

.hamburger-trigger {

  margin-left: 12px;

  padding: 10px 12px;

  cursor: pointer;

}



.side-info {

  padding-left: 20px;

  padding-right: 20px;

}



.side-info .title {



  text-transform: uppercase;

  font-weight: 600;

  font-size: 18px;

}



.side-info .mb-5 {

  margin-bottom: 5px !important;

}



.side-info p {

  font-size: 15x;

  line-height: 28px;

}



.side-info__close {

  top: 0;

  left: 0;

  /* background: #010103; */

  width: 30px;

  height: 30px;

  text-align: center;

  line-height: 30px;

  cursor: pointer;

  border-radius: 50%;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.side-info__close a {

  display: block;
  height: 100%;
  width: 100%;
  color: #ffffff;
  text-decoration: none;
  font-size: 22px;

}



.side-info__close:hover {

  background: #000;

}



.side-info__wrapper {

  background-color: #9e312e;

  margin: 20px;

  padding: 12px 13px;

}



.side-info .social-links a:hover {

  color: #9e312e;

  border-color: #9e312e;

}



.overlay {

  background-color: rgba(0, 0, 0, 0.7);

  height: 100%;

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 99;

  left: 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s linear 0s;

  transition: all 600ms ease;

  -webkit-transition: all 600ms ease;

  -moz-transition: all 600ms ease;

  -ms-transition: all 600ms ease;

  -o-transition: all 600ms ease;

}



.overlay.active {

  opacity: 0.5;

  visibility: visible;

  cursor: url(../images/icons/cancel.png), auto;

}



.side-info-wrapper,

.cart-bar-wrapper {

  position: fixed;

  overflow-y: auto;

  top: 0;

  right: -430px;

  width: 390px;

  height: 100%;

  display: block;

  background: #2B352C;

  background: #235455;

  z-index: 100;

  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);

  padding-top: 0px;

  -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -o-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);

  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.side-info-wrapper .nav,

.cart-bar-wrapper .nav {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.side-info__logo img {
  width: 113px;
}



.side-info-wrapper .nav a,

.cart-bar-wrapper .nav a {

  flex: 0 0 100%;

  -ms-flex: 0 0 100%;

  max-width: 100%;

  font-size: 18px;

  color: #010103;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  padding: 12px 10px;

  font-weight: 600;

  text-transform: uppercase;

  font-size: 14px;

  letter-spacing: 2px;

}



.side-info-wrapper .nav a.active,

.cart-bar-wrapper .nav a.active {

  background: #9e312e;

  color: #ffffff;

}



.side-info-wrapper.show,

.cart-bar-wrapper.show {

  right: 0;

}



.side-info-wrapper.mm-only.show {

  display: block;

}



@media (max-width: 991px) {

  .side-info-wrapper.mm-only.show {

    display: inline-block;



  }

}



@media (max-width: 991px) {

  .side-info-wrapper.show-all.show {

    display: none;

  }

}



.side-info-wrapper .contact__info li {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  font-size: 15px;

  align-items: flex-start;

}



.side-info-wrapper .contact__info li span {

  margin-right: 10px;

  flex: 0 0 15px;

  -ms-flex: 0 0 15px;

  max-width: 15px;

  color: #C7A17A;

  font-size: 15px;

}



.side-info-wrapper .contact__info li p {

  flex: 0 0 85%;

  -ms-flex: 0 0 85%;

  max-width: 85%;

}



.side-info-wrapper .contact__info li:not(:last-child) {

  margin-bottom: 5px;

}



/* mini cart css */

.cart {

  margin-left: 10px;

  padding: 10px 12px;

  cursor: pointer;

}



.cart__count {

  width: 20px;

  height: 20px;

  font-size: 12px;

  color: #ffffff;

  background: #80A093;

  position: absolute;

  top: 10px;

  right: 0px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  line-height: 0;

}



.cart-bar-wrapper {

  padding: 25px 20px;

  padding-top: 60px;

}



.cart-bar-wrapper .site-btn {

  font-size: 12px;

  padding: 7px 18px;

}



.cart-bar-wrapper .site-btn__borderd {

  color: #010103;

  margin-left: 15px;

}



.cart-bar-wrapper .site-btn__borderd:hover {

  color: #ffffff;

}



@media (max-width: 767px) {

  .cart-bar-wrapper .btns {

    flex-direction: column;

    justify-content: flex-start !important;

    align-items: flex-start !important;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .cart-bar-wrapper .btns {

    flex-direction: row;

    justify-content: flex-start !important;

    align-items: center !important;

  }

}



@media (max-width: 767px) {

  .cart-bar-wrapper .btns .site-btn__borderd {

    margin-left: 0px;

    margin-top: 20px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .cart-bar-wrapper .btns .site-btn__borderd {

    margin-left: 20px;

    margin-top: 0px;

  }

}



.cart-bar__close {

  position: absolute;

  top: 0;

  left: 0;

  background: #010103;

  width: 40px;

  height: 40px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.cart-bar__close a {

  color: #fff;

  position: relative;

  z-index: 2;

  font-size: 16px;

  left: 0;

  height: 100%;

  text-decoration: none;

}



.cart-bar__title {

  font-size: 18px;



  text-transform: uppercase;

  font-weight: 600;

  display: block;

  padding-bottom: 15px;

  border-bottom: 1px solid #F4F1EE;

  margin-bottom: 15px;

}



.cart-bar__title span {

  color: #000;

}



.cart-bar__item .thumb {

  background: #ffffff;

  min-width: 70px;

}



.cart-bar__item .thumb img {

  max-width: 60px;

}



.cart-bar__item .content {

  padding-right: 25px;

  position: relative;

}



.cart-bar__item .content .title {

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

}



.cart-bar__item .content .title a {

  text-decoration: none;

  color: #010103;

}



.cart-bar__item .content .price {

  color: #010103;

  font-weight: 600;

  font-size: 15px;

}



.cart-bar__item .content .remove {

  top: 50%;

  right: 0px;

  color: #ffffff;

  width: 20px;

  height: 20px;

  font-size: 12px;

  line-height: 22px;

  text-align: center;

  position: absolute;

  border-radius: 100%;

  background-color: #80A093;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.cart-bar__subtotal {

  border-bottom: 1px solid #F4F1EE;

  border-top: 1px solid #F4F1EE;

  padding: 7px 0px;

  display: block;

  margin-top: 20px;

  margin-bottom: 20px;

}



.cart-bar__subtotal span {

  color: #010103;

  text-transform: uppercase;

  font-weight: 600;

}



.cart-bar__lists .cart-bar__item:not(:last-child) {

  margin-bottom: 15px;

}



/* hero area css */



.hero__area--3 {

  /* padding-top: 295px; */
  background-position: center top;
  /* padding-bottom: 355px; */
  min-height: 100vh;
  display: flex;
  align-items: center;
}



@media (max-width: 767px) {

  .hero__area--3 {

    padding-top: 225px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .hero__area--3 {

    padding-top: 285px;

  }

}



.hero__area--3 .vide-wrapper {

  height: 100%;

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  flex: 0 0 100%;

  -ms-flex: 0 0 100%;

  max-width: 100%;

  align-items: flex-end;

  justify-content: flex-end;

}



.hero__area--3 .vide-wrapper .vide-btn {

  right: 0;

  bottom: 0;

}



@media (max-width: 767px) {

  .hero__area--3 .vide-wrapper {

    justify-content: center;

    margin-top: 30px;

  }

}



.hero__content {

  z-index: 2;

}



.hero__content .title {

  color: #ffffff;

  font-size: 60px;
  font-weight: 300;
  line-height: 66px;
  letter-spacing: 2px;

  margin-bottom: 15px;

}



.hero__content .title span {

  font-weight: 600;

  color: #fff;

}



.hero__content p {

  color: #fff;

  font-size: 22px;

}





/* Product Category CSS */

.swiper-pagination-progressbar {
  background: #f2f2f2;
  position: absolute;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 2px);
  left: 0;
  top: 0;
}

.product-card {

  padding: 32px 36px;

  border: 1px solid #f89f2b;

  /* orange border */

  background: #fff;

  position: relative;

  transition: all 0.2s ease;

  text-align: end;

  /* box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); */

  /* background-image: url('../images/product_texture.png'); */

  /* optional background texture */

  background-size: cover;

  background-repeat: no-repeat;

  height: 660px;

  display: flex;

  align-items: start;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;

}

.view-btn {
  width: 100%;
  background: #fff;
  color: #000;
  border: none;
  padding: 20px 10px;
  border: 1px solid #e5e5e5;
  font-weight: 400;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 1;
  position: relative;
  display: inline-block;
  text-align: center;
  transition: 0.3s all ease;
  text-decoration: none;
}



.col-lg-4.col-md-6:nth-child(1) .product-card {

  border-bottom: 0;

}



.product_category a {

  text-decoration: none;
  transition: 0.3s all ease-in;
}














.col-lg-4.col-md-6:nth-child(3) .product-card {

  border-bottom: 0;

}



.col-lg-4.col-md-6:nth-child(2) .product-card {

  border-left: 0;

  border-right: 0;

  border-bottom: 0;

}



.col-lg-4.col-md-6:nth-child(5) .product-card {

  border-left: 0;

  border-right: 0;

}





.product-card:hover {


  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);


}

.product-card:hover img {

  transform: scale(1.05);


}

.product-card:hover .product-name {
  /* color: #000; */
  color: #c28300;
}



.product-card img {

  position: absolute;

  object-fit: cover;

  height: 100%;

}



.product-card img.product-image-1 {

  top: 121px;
  width: 98%;
  height: auto;
  right: -52px;

}



.product-card img.product-image-2 {

  top: 37px;
  width: 45%;
  height: auto;
  /* right: 0; */
  left: 180px;

}



.product-card img.product-image-3 {

  top: -147px;
  width: 68%;
  height: auto;
  right: 60px;

}



.product-card img.product-image-4 {

  top: 73px;
  width: 70%;
  height: auto;
  right: 87px;

}



.product-card img.product-image-5 {

  top: 72px;
  width: 74%;
  height: auto;
  right: 67px;

}



.product-card img.product-image-6 {

  top: 61px;
  width: 69%;
  height: auto;
  right: 58px;

}



.product-name {

  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 500;

  color: #000;
  /* color: #c28300; */

  /* deep orange */
  transition: 0.1s all ease-in;
  text-transform: capitalize;

  letter-spacing: 1px;

  text-align: start;

}








/* AuthenticLeather CTA CSS */



.AuthenticLeather {

  background-image: url('../images/cta-leather-new.webp');

  background-size: cover;

  background-position: center;

  padding: 90px 0;

  position: relative;

}

.AuthenticLeather .site-btn {

  background-color: #000;
  box-shadow: 0px 11px 20px 3px #00000061;
}



.AuthenticLeather h2.cta_title {

  font-size: 48px;
  color: #fff;
  margin-bottom: 0;
  line-height: 1.1;
  font-weight: 500;

}






/* Why Retanned CSS */



.WhyRetanned h2.section-title {

  margin-bottom: 15px;
  text-align: left;
  line-height: 1.1;

}



.WhyRetanned p {

  margin-bottom: 0;

  text-align: left;

}



.retanned-card {

  /* deep brown */

  color: white;

  position: relative;

  overflow: hidden;

  text-align: center;

  margin: auto;

}



.card-img-retanned {

  width: 100%;

  height: auto;

  display: block;

}



.card-content-retanned {
  padding: 25px 40px 36px 40px;
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 0;
}



.card-content-retanned h3 {

  font-size: 30px;

  font-weight: 500;

  color: #fff;
  transition: 0.3s all ease-in;
  margin-bottom: 13px;

}





.card-content-retanned p {

  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  text-align: left;
  color: #fff;
  padding-right: 0%;

}



.retanned-padding {

  --bs-gutter-x: 3.5rem;

}



/* .section-light-bg {

  background-color: #fff9e9;

} */





.right_Content .right_content_title {

  font-size: 48px;

  color: #000;

  font-weight: 500;

  margin-bottom: 20px;

  line-height: 55px;

}



.right_Content .right_content_title span {

  font-size: 48px;

  color: #c28300;

  font-weight: bold;

}



.right_Content {

  padding-left: 5%;

}

.oem-img-sec .right_Content {

  padding-left: 0%;
  padding-left: 20%;
}



.right_Content p {

  color: #000;

  padding-right: 18%;

  margin-bottom: 0;

  line-height: 38px;

}

.oem-img-sec .right_Content p {


  padding-right: 5%;


}

/* section.about-us-section {
  background-color: #fff9e9;
} */

.right_Content p:not(:last-child) {

  margin-bottom: 35px;

}





/* Frequently Asked Questions CSS */



.accordion-button::after {

  flex-shrink: 0;

  width: 1.8rem;

  height: 1.8rem;

  margin-left: auto;

  content: "";

  background-image: url(../images/add.svg);

  background-repeat: no-repeat;

  background-size: .6em;

  transition: transform .2s ease-in-out;

  background-color: #f5f4f1;

  background-position: center;

}



.accordion-button:not(.collapsed)::after {

  background-image: url(../images/minimize-sign.svg);

  transform: rotate(-180deg);

}



.accordion-button {

  color: #0c63e4;

  background-color: #e7f1ff00;

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);

}



.accordion-item {

  background-color: #fff;

  border: 0px solid rgba(0, 0, 0, 0);

}



.accordion-button:not(.collapsed) {

  color: #000;

  background-color: transparent;

  /* border: 2px solid #eeeeee; */

  border-bottom: none;

  border-radius: 0px 0px 0 0;

  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);

}



.accordion-body {

  padding: 0 0 20px 0;

}



.accordion-button {

  position: relative;

  display: flex;

  align-items: center;

  width: 100%;

  padding: 2rem 0 2rem 0;

  font-size: 1rem;

  color: #212529;

  text-align: left;

  background-color: #fff;

  border: 0;

  border-radius: 0;

  overflow-anchor: none;

  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;

}



h2 .accordion-button {

  font-weight: 500;
  color: #000;
  font-size: 22px;

}


.faqWrapper .accordion-body p {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  padding-right: 16%;
}

.faqWrapper .accordion-body {
  padding: 0px 0 30px 0;
}

.faqWrapper h2.section-title {

  padding-left: 0;
  margin-bottom: 20px;

}



.accordian-wrapper {

  padding-left: 0;

  padding-right: 26px;

}



.mobile-craftmanship .accordian-wrapper {

  padding-left: 0;

  padding-right: 0;

}



.mobile-craftmanship .accordion-button {

  background-color: #9e312e;

  padding: 26px 15px 26px 66px;

  color: #fff;

  width: 100%;

  justify-content: space-between;

}



.mobile-craftmanship .accordion-button:not(.collapsed) {

  color: #fff;

  font-weight: 500;

  background-color: #9e312e;

}



.mobile-craftmanship.accordion .accordion-item .accordian-wrapper .accordion-button:not(.collapsed)::before {

  width: 23px;

  height: 23px;

  left: 67px;

}



.mobile-craftmanship.accordion .accordion-item .accordian-wrapper .accordion-button::before {

  content: '';

  position: absolute;

  left: 70px;

  top: 50%;

  background-color: #ffffff;

  width: 13px;

  height: 13px;

  box-shadow: 0 0 0px 5px #ffffff57;

  border-radius: 50px;

  transform: translate(-45px, -50%);

}





.accordion-body ul li {

  color: #000;

  font-size: 16px;

}



.accordion-item:last-of-type {

  border-bottom-right-radius: var(--bs-accordion-border-radius);

  border-bottom-left-radius: var(--bs-accordion-border-radius);

  border-radius: 0;

}



.accordion-body p {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  padding-right: 10%;

}





.accordion-item {

  background-color: #fff;

  border-bottom: 1px solid rgb(0 0 0 / 21%);

}



.accordion-button:focus {

  z-index: 3;

  outline: 0;

  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);

}





/* Stories Retold @retanned CSS */



.storiesWrapper {

  background-color: #fff9e9;
}



.mobile-insta-slider {

  margin-top: 30px;

}



.storiesWrapper .stories-title {

  margin-bottom: 15px;

}



.storiesWrapper .stories-title span {

  color: #000;

  font-weight: bold;

}



.post-container {

  position: relative;

  height: auto;
  overflow: hidden;
}



.mobile-insta-slider.owl-carousel .owl-dots .owl-dot.active span {

  background: #9e312e;

  width: 40px;

}



.mobile-insta-slider.owl-carousel .owl-dots .owl-dot span {

  background: #898989;

  display: inline-block;

  height: 7px;

  margin: 0 5px 0px;

  transform-origin: 50% 50% 0;

  transition: all 250ms ease-out 0s;

  width: 7px;

  border-radius: 25px;

}



.mobile-insta-slider.owl-carousel .owl-dots {

  display: flex;

  width: 100%;

  text-align: center;

  justify-content: center;

  margin-top: 24px;

}



.mobile-insta-slider.owl-carousel .owl-dots .owl-dot {

  display: flex;

  justify-content: center;

}



.post-image {

  width: 100%;

  height: auto;

  display: block;

  transition: all 0.3s ease-in-out;
}

.post-image:hover {
  transform: scale(1.05);
}



.icon-top {

  position: absolute;

  top: 19px;

  right: 23px;

}



.text-bottom-left h5 {

  color: #fff;

  font-size: 30px;

  font-family: 'MADE SAONARA 2';

  line-height: 1;

}



.text-bottom-right h5 {

  color: #fff;

  font-size: 18px;

}



.icon-top i {

  color: #fff;

  background-color: #ffffff3b;

  width: 35px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  /* line-height: 120px; */

  font-size: 20px;

}



.text-bottom-left {

  position: absolute;

  bottom: 15px;

  left: 15px;

  font-size: 16px;

  color: white;

  font-weight: 400;

  font-family: 'Georgia', serif;

  text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

}



.text-bottom-right {

  position: absolute;

  bottom: 15px;

  right: 15px;

  font-size: 16px;

  color: white;

  font-weight: 500;

  letter-spacing: 1px;

  text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);

}



.post-padding {

  --bs-gutter-x: 3.5rem;

  margin-top: 40px;

}



/* .storiesWrapper .row .col-xl-3:nth-child(odd) .post-container {

  margin-top: 59px;

}



.storiesWrapper .row .col-xl-3:nth-child(odd) .post-container {

  margin-top: 59px;

} */





.InnerBanner_area.oem-banner {

  padding: 240px 0 100px 0;

}







/* ================================================+++++++++++++++++++ About Us Page CSS +++++++++++++++++++++++++++++++++++++++++++++++======================================= */



/* Inner Banner Start */



.InnerBanner_area {

  padding: 250px 0 100px 0;

}





.InnerBanner_area .InnerBanner_content h1 {

  color: #000;

  font-weight: 300;

  line-height: 1.3;

  margin-bottom: 20px;

}



.InnerBanner_area .InnerBanner_content h1 span {

  color: #000;

  font-weight: bold;

  line-height: 1;

}



.InnerBanner_area .InnerBanner_content p {

  color: #000;

  font-weight: 400;

  font-size: 22px;

}



/* Quote Section CSS */

.quote_section_new {
  padding-top: 0;
  padding-bottom: 0;
  padding: 100px 0 100px 0;
}

.bg_img_new {

  background-image: url('../images/quote-bg.png');

  background-size: cover;

  background-position: center;


}



.quote_section h2.quote_title {

  color: #95322f;
  font-weight: 600;
  font-style: italic;
  font-size: 36px;
  line-height: 56px;

}



.quote-icon {

  margin-bottom: 30px;

}



.two-col {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  margin-top: 35px;

}



.two-col .logo-left img {

  width: 150px;

}



.two-col .logo-right img {

  width: 80px;

}



.two-col .logo-left {

  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-right: 2px solid #00000014; */
  padding-right: 30px;
  /* margin-right: 40px; */
  width: 150px;

}

.icon-middle img {
  opacity: 0.1;
}


.two-col .logo-right {

  height: 100px;

  display: flex;

  align-items: center;
  width: 150px;
  justify-content: center;

}



/* Core Values CSS */



.core_values .section-title {

  margin-bottom: 20px;

  line-height: 1;

}


.value-box {
  padding: 0 20px;
  text-align: center;
  gap: 15px;
  height: 100%;
}




.value-box img {

  width: 55px;
  height: 70px;
  object-fit: contain;

}

.section.core_values {
  padding: 80px 0;
}

.value-text h5 {

  font-weight: 500;

  font-size: 24px;

  margin-bottom: 8px;

  margin-top: 23px;

}



.value-text p {

  margin-bottom: 0;

  color: #000;

  font-size: 16px;

  font-weight: 300;

}



/* Tannery & Workshop CSS */



.TanneryWorkshop .section-title {

  margin-bottom: 20px;

  line-height: 1;

}



.tanneryWrapper {

  margin-top: 30px;

}

.tanneryWrapper .owl-item .item img {

  height: 580px;

}


/* .section.TanneryWorkshop {

  padding-bottom: 20px;

} */





/* ++++++++++++++++++++ Footer CSS ++++++++++++++++++++++++ */



.social-mb-wrap {

  display: flex;

  align-items: center;

  margin-top: 10px;

}



.social-mb-wrap h4 {

  font-size: 18px;

  font-weight: 600;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 1px;

  margin-right: 20px
}



.bg_img_footer {

  padding: 90px 0 0px 0;

}



.footer_logo img {

  margin-bottom: 30px;

  width: 190px;

}



footer.site-footer.site-footer__3 {

  background-color: #9e312e;

}



h4.widget-title {

  font-size: 18px;

  font-weight: 600;

  color: #fff;
  line-height: 1;

  text-transform: uppercase;

  letter-spacing: 4px;

  margin-bottom: 26px;

}



.footer-link-1 {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.footer-link-1 li {

  margin-bottom: 24px;

  line-height: 1;

}



.footer-link-1 li a {

  text-decoration: none;

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  transition: 0.3s all ease;

}



.footer_first p {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

  padding-right: 23%;

  line-height: 33px;

  margin-bottom: 30px;

}



.gradient-box {

  margin-top: 30px;

}



.gradient-box form {

  border-width: 1px;

  border-style: solid;

  border-image: linear-gradient(to bottom, #ffcd41, #ff7800) 1;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 13px 11px;

  width: 100%;

  box-sizing: border-box;

  margin-bottom: 5px;

}



.footer-last {

  margin-top: 50px;

  border-top: 2px solid #ffffff33;

  padding: 15px 0;

}



.gradient-box input {

  background-color: transparent;

  border: none;

  color: #fff;

  font-size: 16px;

  outline: none;

  width: 100%;

}



.gradient-box input::placeholder {

  color: #fff;

}



.gradient-box button {

  background: none;

  border: none;

  color: white;

  font-size: 14px;

  cursor: pointer;

  white-space: nowrap;

  padding: 0;

  line-height: 1;
  letter-spacing: 3px;
}



.thyleads-footer-widget .subscribe p {

  color: #fff;

  font-size: 13px;

  font-weight: 300;

}



.subscribe p a {

  color: #fff;

  font-size: 13px;

  font-weight: 300;

  text-decoration: none;

  border-bottom: 1px solid #fff;

}



.thyleads-footer-widget.newsletter-widget {

  padding-left: 50px;

}



.thyleads-footer-widget p {

  font-size: 16px;

  font-weight: 300;

  color: #fff;

}





.footer-last p.copyright {

  font-size: 16px;

  color: #fff;

  font-weight: 300;

}



.footer-last ul.footer-menu-2 {

  display: flex;

  justify-content: end;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.footer-last ul.footer-menu-2 li {

  margin: 0 20px;

}



.footer-last ul.footer-menu-2 li:last-child {

  margin-right: 0;

}



/* ================================================+++++++++++++++++++ Product Listing Page CSS +++++++++++++++++++++++++++++++++++++++++++++++======================================= */





/* +++++++++++++++  Product Inner Banner  ++++++++++++++++++++ */





/* Inner Banner Start */



.productInnerBanner {

  padding: 150px 0 60px 0;

}





.productInnerBanner .InnerBanner_content h1 {

  color: #000;

  font-weight: 500;

  line-height: 1.3;

  margin-bottom: 0;

}



.productInnerBanner .InnerBanner_content h1 span {

  color: #c28300;

  font-weight: bold;

  line-height: 1;

}



.productInnerBanner .InnerBanner_content p {

  color: #fff;

  font-weight: 300;

  font-size: 18px;

}









/* ++++++++++++++ Product Listing Grid +++++++++++ */





.grid {

  margin: 40px auto 0;

  padding: 0;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  flex-wrap: wrap;

  gap: 40px;

  list-style-type: none;

}



.grid>li {

  overflow: hidden;

}



.product-card-1 {

  border: 1px solid #f5c48a;

  padding: 10px;

  background-color: white;

}





.product_inner {

  padding: 30px 10px 10px 10px;

}



.product-image img {

  width: 100%;

  height: auto;

  object-fit: contain;

}



.product-title {

  font-size: 24px;

  font-weight: 500;

  margin: 0px 0 16px;

}





.quickViewBtn {

  text-decoration: none;

  color: #fff;

  font-size: 14px;

  background-color: #9e312e;

  padding: 5px 15px;

  display: inline-block;

  margin-top: 20px;

  margin: 25px auto 0;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

}



.quickViewBtn:hover {

  color: #fff;

}



.product-desc {

  font-size: 18px;
  line-height: 30px;
  color: #000;

  margin-bottom: 15px;

}



.variant-row {

  display: flex;

  justify-content: space-between;

  font-size: 20px;

  padding: 10px 0;

  font-weight: 300;



  border-top: 1px solid #eee;

  cursor: pointer;

}





.moq-row {

  display: flex;

  justify-content: space-between;

  font-size: 18px;

  font-weight: 300;

  padding-top: 15px;

  border-top: 1px solid #eee;

}



.fliterContainer {

  display: grid;

  align-items: center;

  justify-content: end;

  margin-bottom: 20px;

  gap: 13px 40px;

  width: 100%;

  grid-template-columns: 1fr 1fr 1fr;

}



.GenderWrapper select.form-select,

.StyleWrapper select.form-select,

.LeatherWrapper select.form-select {

  padding: 19px 20px;

  border-radius: 0;

  border: 1px solid #ccc;

  /* border-image: linear-gradient(to right, #facc15, #f97316) 1; */

  font-size: 16px;

}



.form-select:focus {

  border-color: #9e312e;

  outline: 0;

  box-shadow: 0 0 0 .25rem rgba(13, 109, 253, 0);

}







.accordion-button:not(.collapsed) {

  color: #000;

  background-color: white;

}



.accordion-item {

  border: none;

  border-bottom: 1px solid #eee;

}



.accordion-body {

  padding: 15px 0;

  font-size: 15px;

}



.accordion-body ul {

  margin-bottom: 0;

  margin-top: 10px;

}



.disabled-accordion {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 12px 0;

  color: #ccc;

  font-size: 16px;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

  cursor: not-allowed;

}





/* ================================================+++++++++++++++++++ OEM Page CSS +++++++++++++++++++++++++++++++++++++++++++++++======================================= */





/* LWG-certified manufacturers CSS */



/* .section-light-bg {

  background-color: #fff9e9;

} */



.left_Content {
  padding-right: 20%;
  padding-left: 5%;

}



.left_Content .left_content_title {

  font-size: 48px;

  color: #000;

  font-weight: 500;

  margin-bottom: 20px;

  line-height: 55px;

}



.left_Content .left_content_title span {

  font-size: 48px;

  color: #c28300;

  font-weight: bold;

}



.left_Content p {

  color: #000;

  padding-right: 0;

  margin-bottom: 0;

  line-height: 38px;

}



.left_Content p:not(:last-child) {

  margin-bottom: 35px;

}





.mapWrapper {

  /* background-image: url(../images/map-section-bg.webp); */
  background-position: center;
  width: 100%;
  padding: 100px 0;
  background-repeat: no-repeat;
  background-color: #fff;

}

.mapImgWrapper {
  text-align: center;
  position: relative;
  margin-top: 40px;
}

.location-card-1 {
  width: 200px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 20px 30px 20px rgba(0, 0, 0, 0.1);
  text-align: start;
  padding: 11px 11px 11px;
  position: absolute;
  right: 120px;
  margin: 20px auto;
  bottom: 139px;
  -webkit-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}


.location-card-2 {
  width: 280px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 20px 30px 20px rgba(0, 0, 0, 0.1);
  text-align: start;
  padding: 11px 11px 11px;
  position: absolute;
  margin: 20px auto;
  top: 130px;
  left: 890px;
  -webkit-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}

@-webkit-keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }

  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }

  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }

  50% {
    transform: translatey(-20px);
  }

  100% {
    transform: translatey(0px);
  }
}

.location-card-3 {
  width: 200px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 20px 30px 20px rgba(0, 0, 0, 0.1);
  text-align: start;
  padding: 11px 11px 11px;
  position: absolute;
  margin: 20px auto;
  top: 128px;
  left: 380px;
  -webkit-animation: float 8s ease-in-out infinite;
  animation: float 8s ease-in-out infinite;
}

.location-card-image {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  height: 210px;
}

.location-card-footer {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.location-icon {
  width: 52px;
  height: 52px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 13px;
  font-size: 27px;
}

.location-card-3 .location-icon {
  width: 45px;
  height: 45px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 13px;
  font-size: 20px;
}

.location-card-1 .location-icon {
  width: 45px;
  height: 45px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 13px;
  font-size: 20px;
}

.location-name {
  font-weight: bold;
  font-size: 20px;
}

.location-card-2 .location-name {
  font-weight: bold;
  font-size: 24px;
}

.location-card-1 .location-name {
  font-weight: bold;
  font-size: 16px;
}

.location-card-3 .location-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.1;
}

.location-card-3 .location-card-image {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  height: 140px;
}

.location-card-1 .location-card-image {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  height: 140px;
}

.mapWrapper h2 {

  margin-bottom: 20px;

  line-height: 1;

}





.bg-cream {

  background-color: #fff9e9;

}





/* Leather Swatch CSS */



.leatherSwatches .section-title {

  margin-bottom: 20px;

  line-height: 1;

}





.leather-card {

  border: 1px solid transparent;

  border-image: linear-gradient(to right, #facc15, #f97316) 1;

  background-color: white;

  overflow: hidden;

  padding: 15px;

}



.leather-image {

  position: relative;

  height: 180px;

  width: 100%;

}



.leather-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.leather-title {

  position: absolute;

  bottom: 24px;

  left: 24px;

  color: white;

  font-size: 20px;

  font-weight: 600;

}



.leather-options {

  padding: 10px 10px;

}



.option-row {

  display: flex;

  align-items: center;

  font-size: 16px;

  color: #000;

  cursor: pointer;

}



.option-row .accordion.accordion-flush {

  width: 100%;

}



.option-row.disabled {

  color: #aaa;

  cursor: not-allowed;

}



.leather-padding {

  --bs-gutter-x: 3rem;

  --bs-gutter-y: 2rem;

}





.leather-options .accordion-button {

  padding: 7px 0;

  font-size: 18px;

  line-height: 1;

  color: #000;

}



.leather-options .accordion-button.collapsed {

  padding: 7px 0;

  font-size: 18px;

  line-height: 1;

  color: #d1d1d1;

}



.leather-options .accordion-item:nth-child(1) .accordion-button.collapsed {

  color: #000;

}



.leather-options .accordion-button::after {

  flex-shrink: 0;

  width: 1.8rem;

  height: 1.8rem;

  margin-left: auto;

  content: "";

  background-image: url(../images/next-darrow.svg);

  background-repeat: no-repeat;

  background-size: 18px;

  background-color: transparent;

  transition: transform .2s ease-in-out;

  background-position: center;

}



.leather-options .accordion-button.collapsed::after {

  flex-shrink: 0;

  width: 1.8rem;

  height: 1.8rem;

  margin-left: auto;

  content: "";

  background-image: url(../images/color-next.svg);

  background-repeat: no-repeat;

  background-size: 18px;

  background-color: transparent;

  transition: transform .2s ease-in-out;

  background-position: center;

}



.leather-options .accordion-item:nth-child(1) .accordion-button.collapsed::after {

  flex-shrink: 0;

  width: 1.8rem;

  height: 1.8rem;

  margin-left: auto;

  content: "";

  background-image: url(../images/next-darrow.svg);

  background-repeat: no-repeat;

  background-size: 18px;

  background-color: transparent;

  transition: transform .2s ease-in-out;

  background-position: center;

}



.leather-options .accordion-button:not(.collapsed)::after {

  background-image: url(../images/next-darrow.svg);

  transform: rotate(90deg);

}



.leather-options .accordion-body {

  padding: 0px 0 10px 0;

  font-size: 16px;

  line-height: 25px;

}





/* Landing Cost Estimator CSS */

.estimate-calculator {
  background-color: #fff9e9;
}

.estimate-calculator .section-title {
  margin-bottom: 15px;
}

.estimate-container {
  border: 1px solid #f4a825;
  padding: 30px;
  margin-top: 30px;
  background: #fff;
}

.estimate-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.estimate-form .nice-select {
  border: 0;
  padding: 15px 17px;
  border-bottom: 1px solid #e8e8e8;
}


.label {
  display: none;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.dropdown {
  padding: 15px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #ccc;
  appearance: none;
}

.file-upload {
  border: 1px solid #ccc;
  padding: 12px;
  background-color: #fff;
  display: flex;
  gap: 10px;
  cursor: pointer;
  margin-top: 16px;

}

.file-icon img {
  width: 25px;
  margin-right: 10px;
}

.file-input {
  display: none;
}

.file-label {
  display: flex;
  align-items: center;
  font-size: 18px;
  cursor: pointer;
  color: #333;
}

.file-icon {
  font-size: 18px;
}

.estimate-btn {
  background: linear-gradient(to right, #1c1e1b, #5a5e26);
  color: white;
  text-transform: uppercase;
  padding: 15px;
  border: none;
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
}

.estimate-result {
  margin-top: 35px;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 14px;
}


/* button {

  background: linear-gradient(to right, #1f1f1f, #3b3b1f);

  color: white;

  border: none;

  padding: 14px;

  width: 100%;

  font-size: 14px;

  cursor: pointer;

  text-transform: uppercase;

  margin-bottom: 20px;

} */



.result {

  font-weight: bold;

  font-size: 22px;

}



/* Override Bootstrap transitions */

.tab-pane {

  opacity: 0 !important;

  display: none;

  transition: transform 1s ease, opacity 1s ease;

}



/* When tab becomes active */

.tab-pane.active.show {

  display: block !important;

  opacity: 1 !important;

}





/* Product Detail Modal */



.productWrapper .swiper-slide img {

  width: 100%;

  height: 365px;

  object-fit: cover;

}





.thumbnailWrapper img {

  margin-top: 10px;

}



.productWrapper .swiper-button-next::after {

  background: url(../images/next-work.svg) center / 28px no-repeat;

  width: 38px;

  height: 38px;

  top: 0px;
  font-size: 0;

  border-radius: 50px;

  border: 2px solid #8a8a8a;

  left: 9px;

  position: absolute;

  background-color: #ffffff;

  box-shadow: 0px 3px 6px 1px #00000036;

  background-size: 20px;

}



.productWrapper .swiper-button-prev::after {

  background: url(../images/left.svg) center / cover no-repeat;

  width: 38px;

  height: 38px;

  left: 0;

  top: 0;
  font-size: 0;

  border-radius: 50px;

  display: flex;

  border: 2px solid #8a8a8a;

  box-shadow: 0px 3px 6px 1px #00000036;

  justify-content: center;

  background-size: 20px;

  position: absolute;

}



.swiper-button-next,

.swiper-button-prev {

  font-size: 0;

  font-family: unset;

  width: 60px;

  height: 0;

  color: transparent;

}



.left_spacing {

  padding-left: 30px;

}





.product_Details h3.product_title {

  font-size: 30px;

  font-weight: 600;

  margin-bottom: 10px;

}



.product_Details p.product_excerpt {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 25px;

}



.product_additional_data .accordion {

  padding: 0rem 0 0rem 0;

}



.product_additional_data .accordion-button {

  padding: 1rem 0 1rem 0;

}



.product_additional_data h2 .accordion-button {

  font-weight: 500;

  color: #000;

  font-size: 20px;

}



.thumbnailWrapper .swiper-slide.swiper-slide-visible img {

  border: 2px solid #00000000;

}



.thumbnailWrapper .swiper-slide.swiper-slide-thumb-active img {

  border: 2px solid #72340a;



}



.product-detail-modal .modal-content .modal-header {

  border-bottom: 0;

}



.product-detail-modal .modal-content .modal-header button.btn-close {

  background-color: #72340a;

  border-radius: 0;

  opacity: 1;

  position: absolute;

  right: 0;

  margin: 0;

  padding: 11px;

  top: 0;

}



.product-detail-modal .modal-content .modal-body {

  padding-top: 20px;

}



.product-detail-modal .modal-content .modal-header button.btn-close {

  --bs-btn-close-bg: url(../images/close.svg);

}



.product-detail-modal .modal-content {

  border-radius: 0;

}



.goog-te-gadget {

  font-family: inherit !important;

  font-size: 14px !important;

  color: #000 !important;

}



.goog-te-combo {

  padding: 6px;

  font-size: 14px;

  width: 100%;

  border: 1px solid #ddd;

  background-color: #fff;

}



.goog-logo-link,

.goog-te-gadget span {

  display: none !important;

}



.goog-te-banner-frame {

  display: none !important;

}





/* ++++++++++++++++++++++++++++++ Download Catalog ++++++++++++++++++++++++++++++ */





.reservation__wrapper--2 {

  box-shadow: 0px 14px 40px 0px rgba(220, 220, 220, 0.3);

  background: #ffffff;

  border: 1px solid #f4a825;
  border-radius: 0;

  padding: 43px;

  background: #ffffff;

  z-index: 2;

  position: relative;

}



.reservation__wrapper--2 h2.Contacttitle {

  font-size: 30px;

  text-transform: uppercase;

  font-weight: 600;

}





.reservation__form--2 input,

.reservation__form--2 select {

  background: #ffffff;

  border-color: #E2DFDD;

  font-weight: 500;
  color: #000;

  border-radius: 0;

  border: 0;
  font-size: 15px;

  width: 100%;

  padding: 15px 17px;
  border-bottom: 1px solid #e8e8e8;
}



.reservation__form--2 textarea {

  background: #ffffff;

  border-color: #E2DFDD;

  padding: 15px 17px;

  color: #000;

  border-radius: 0;


  font-size: 15px;

  width: 100%;
  border: 0;
  border-bottom: 1px solid #e8e8e8;

}

form button.site-btn {
  width: 100%;
}



.reservation__form textarea {

  min-height: 120px;

}



.downloadTitle {

  font-size: 40px;

  font-weight: 600;

  text-transform: uppercase;

}





.nice-select,

.nice-select.open .list {

  width: 100%;

}



.nice-select .list::-webkit-scrollbar {

  width: 0
}



.nice-select .list {

  margin-top: 5px;

  top: 100%;

  border-top: 0;

  border-radius: 0 0 5px 5px;

  max-height: 210px;

  overflow-y: scroll;

  padding: 0px 0 0
}



.nice-select.has-multiple {

  white-space: inherit;

  height: auto;

  padding: 7px 12px;

  min-height: 53px;

  line-height: 22px
}



.nice-select.has-multiple span.current {

  border: 1px solid #CCC;

  background: #EEE;

  padding: 0 10px;

  border-radius: 3px;

  display: inline-block;

  line-height: 24px;

  font-size: 14px;

  margin-bottom: 3px;

  margin-right: 3px
}



.nice-select.has-multiple .multiple-options {

  display: block;

  line-height: 37px;

  margin-left: 30px;

  padding: 0
}



.nice-select .nice-select-search-box {

  box-sizing: border-box;

  position: absolute;

  width: 100%;

  margin-top: 5px;

  top: 100%;

  left: 0;

  z-index: 8;

  padding: 5px;

  background: #FFF;

  opacity: 0;

  pointer-events: none;

  border-radius: 5px 5px 0 0;

  box-shadow: 0 0 0 1px rgba(68, 88, 112, .11);

  -webkit-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

  transform-origin: 50% 0;

  -webkit-transform: scale(.75) translateY(-21px);

  -ms-transform: scale(.75) translateY(-21px);

  transform: scale(.75) translateY(-21px);

  -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;

  transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out
}



.nice-select .nice-select-search {

  box-sizing: border-box;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 3px;

  box-shadow: none;

  color: #333;

  display: inline-block;

  vertical-align: middle;

  padding: 7px 12px;

  margin: 0 10px 0 0;

  width: 100% !important;

  min-height: 36px;

  line-height: 22px;

  height: auto;

  outline: 0 !important
}



.nice-select.open .nice-select-search-box {

  opacity: 1;

  z-index: 10;

  pointer-events: auto;

  -webkit-transform: scale(1) translateY(0);

  -ms-transform: scale(1) translateY(0);

  transform: scale(1) translateY(0)
}



.remove:hover {

  color: red
}



.nice-select:after {

  border-bottom: 2px solid #000000;

  border-right: 2px solid #000000;

  content: '';

  display: block;

  height: 10px;

  margin-top: -5px;

  pointer-events: none;

  position: absolute;

  right: 25px;

  top: 50%;

  -webkit-transform-origin: 66% 66%;

  -ms-transform-origin: 66% 66%;

  transform-origin: 66% 66%;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: all .15s ease-in-out;

  transition: all .15s ease-in-out;

  width: 10px;



}





.nice-select .option:hover {

  background-color: #c28300;

  color: #fff !important;

}

.nice-select .list:hover .option:not(:hover) {
  color: #000 !important;
}

.nice-select .option.selected {
  font-weight: 400;
}

.nice-select .option.selected.focus {

  background-color: #c28300;

  color: #fff !important;

}

.nice-select .option {


  color: #000 !important;

}



.nice-select .option.focus {

  background-color: #c28300;

  color: #000 !important;

}



.fliterContainer .nice-select .list .option[data-value=""] {

  display: none !important;

}



.estimate-container .nice-select .list .option.selected[data-value=""] {

  display: none !important;

}




/* .nice-select .list:hover .option:not(:hover) {

  background-color: #c28300 !important;

} */



#clearFilters:disabled {

  opacity: 0.2;

  cursor: not-allowed;

}






.banner-scroll-2 {

  position: relative;

}



.banner-scrolll-7 {

  animation: slide1 30s linear infinite;

}



.banner-scrolll-7 {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 930px;

  position: relative;
  margin-top: 21px;
  /* height: 765px; */

}



@keyframes slide1 {

  from {

    transform: translateX(0%);

  }



  to {

    transform: translateX(-100%);

  }

}



.section-title-mob .section-title {

  margin-bottom: 10px;

}



.section-title-mob {

  position: absolute;

  top: 40%;

  left: 0;

  right: 0;

  z-index: 1;

}



/* Shared styles */

.goog-te-gadget-simple {

  background: transparent !important;

  border: none !important;

  font-family: inherit;

  font-size: 16px;

  color: #fff;

  display: inline-flex;

  align-items: center;

  padding-left: 0;

}



.goog-te-gadget-simple .goog-te-menu-value span {

  display: none !important;

}



.goog-te-gadget-simple::before {

  content: attr(data-lang);

  font-weight: 500;

  font-size: 16px;

  margin-right: 6px;

}



/* .goog-te-gadget-simple::after {

  content: "\ea4e";
  font-family: 'remixicon' !important;
  font-size: 16px;
  margin-left: 0px;
  position: absolute;
  top: 0;
  line-height: 26px;
} */

.about-page .goog-te-gadget-simple::after {

  color: #000;
}



/* Hide default Google branding */

.goog-te-gadget img,

.goog-logo-link {

  display: none !important;

}





/* Only target mobile translate widget */

#google_translate_mobile .goog-te-gadget-simple {

  background: transparent !important;

  border: none !important;

  font-family: inherit;

  font-size: 16px;

  color: #000;

  padding: 10px 0;

}



#google_translate_mobile .goog-te-gadget-simple .goog-te-menu-value span {

  display: none !important;

}



#google_translate_mobile .goog-te-gadget-simple::before {

  content: "Language";

  font-weight: 500;

  margin-right: 6px;

}



#google_translate_mobile .goog-te-gadget-simple::after {

  content: "\ea4e";

  /* Remixicon down arrow */

  font-family: 'remixicon' !important;

  font-size: 16px;

}







html[lang="fr"] {

  .text-overlay {

    width: 100%;

  }



  .tab-inner .nav-link {

    font-size: 18px;

    padding-left: 30px;

  }

}


@media only screen and (max-width:1400px) {
  h2.f-slideshow__title.h0 {
    font-size: 40px;
  }
}

.oem-img-sec .leather-banner {
  background: url(../images/oem-page-banner-1.png) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  color: #fff;
}

.lwg-banner .leather-banner {
  background: url(../images/lwg.png) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  color: #fff;
}

.leather-banner {
  background: url(../images/new-abt.png) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  color: #fff;
}

.leather-banner.abt-page {
  background: url(../images/abot-page-bg-img.png) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  color: #fff;
}

.leather-banner .content {
  padding: 120px 0px;
}

.leather-banner h2 {
  color: #fff;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 60px;

}

.leather-banner h2 strong {
  font-weight: 500;
}

.leather-banner p {
  font-size: 22px;
  color: #fff;
  line-height: 46px;
  text-align: justify;
  padding-right: 10%;
}

.leather-banner p:not(:last-child) {
  margin-bottom: 20px;
}

.btn-sample {
  background-color: #a12c1f;
  color: #fff;
  padding: 12px 24px;
  border: 1px solid #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.btn-sample:hover {
  background-color: #8e241a;
}

@media (max-width: 768px) {
  .leather-banner h1 {
    font-size: 2rem;
  }
}



.slide-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide-content {
  background-color: #fff;
  padding: 40px;
  max-width: 550px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.slide-content h2 {
  font-weight: 700;
  margin-bottom: 20px;
}

.btn-sample {
  background-color: #a12c1f;
  color: #fff;
  border: 1px solid #a12c1f;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

.btn-sample:hover {
  background-color: #8e241a;
}

.right-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 300px;
}

@media (min-width: 768px) {
  .right-img {
    max-height: 100%;
    height: auto;
  }
}

.swiper-button-prev,
.swiper-button-next {
  color: #000;
}

.swiper-pagination-progressbar {
  position: unset;
  margin-top: 30px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #235455;
}

.ourProject {
  margin-top: 40px;
}

.info-bg {
  background: url(../images/process-1-img.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 680px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 60px 60px;
  transition: 0.3s all ease-in;
}

.info-box {
  background-color: #ffffff;
  padding: 29px;
  width: 677px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.badge-number {
  background-color: #235455;
  color: #fff;
  padding: 2px 10px;
  font-size: 14px;
  margin-right: 10px;
  display: inline-block;
}

.info-box h2 {
  display: inline-block;
  font-size: 43px;
  font-weight: bold;
  margin: 0 0 20px;
  vertical-align: middle;
}

.info-box p {
  margin-bottom: 10px;
  font-size: 18px;
  color: #222;
  line-height: 28px;
}

.btn-sample {
  background-color: #a12c1f;
  color: #fff;
  padding: 10px 22px;
  border: 2px solid #a12c1f;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.btn-sample:hover {
  background-color: #8e241a;
  border-color: #8e241a;
}

@media (max-width: 768px) {
  .section-bg {
    align-items: center;
    padding: 20px;
  }

  .info-box {
    padding: 30px 20px;
    max-width: 100%;
  }
}

.five-setp-process .swiper-button-next::after {
  content: "\ea6e";
  font-family: "remixicon";
  width: 44px;
  height: 44px;
  border-radius: 0;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 400;
  font-size: 22px;
}

.five-setp-process {
  padding-bottom: 120px;
}

.five-setp-process .swiper-button-prev::after {
  content: "\ea64";
  font-family: "remixicon";
  width: 44px;
  height: 44px;
  border-radius: 0;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 400;
  font-size: 22px;
}

.five-setp-process .swiper-slide-next .info-box {
  display: none;
  opacity: 0;
}

.five-setp-process .swiper-slide-next .info-bg {
  transform: scale(0.9);
}

.five-setp-process .swiper-button-prev {
  position: absolute;
  left: -80px;
  top: 18px;
}

.five-setp-process .swiper-button-next {
  position: absolute;
  right: -80px;
  top: 18px;
}

.payment {
  display: flex;
  align-items: center;
  justify-content: end;
}

.payment img {
  width: 74px;
  margin-left: 12px;
}

.payment p {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  font-family: var(--font-primary);
  text-align: start;
  line-height: 1;
}

.mobile-social-media {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #000;
}

.mobile-social-media .two-col {
  display: grid;
  align-items: center;
  margin-top: 0;
  grid-template-columns: 1fr 1fr 1fr;
}

.mobile-social-media .two-col .first-col,
.mobile-social-media .two-col .second-col,
.mobile-social-media .two-col .third-col {
  text-align: center;
  line-height: 1;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-social-media .two-col .first-col {
  border-right: 1px solid #5d5d5d;
}

.mobile-social-media .two-col .second-col {
  border-right: 1px solid #5d5d5d;
}

.mobile-social-media .two-col .first-col a {
  color: #fff;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

.mobile-social-media .two-col .second-col a {
  color: #fff;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  letter-spacing: 1px;
}

.mobile-social-media .two-col .third-col a {
  color: #fff;
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}

.leather-slider.owl-carousel .owl-dots {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-top: 24px;
}

.leather-slider.owl-carousel .owl-dots .owl-dot span {
  background: #898989;
  display: inline-block;
  height: 7px;
  margin: 0 5px 0px;
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 7px;
  border-radius: 25px;
}

.leather-slider.owl-carousel .owl-dots .owl-dot {
  display: flex;
  justify-content: center;
}

.leather-slider.owl-carousel .owl-dots .owl-dot.active span {
  background: #9e312e;
  width: 40px;
}