@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url(bootstrap.min.css);
@import "../icon/css/all.min.css";
@import url(swiper.min.css);
@import url(animate.min.css);
@import url(mediaBoxes.css);
@import url(jquery.fancybox.min.css);
@import url(fancybox.css);

/* Font Candara */
@font-face {
  font-family: 'Candara';
  src: url('../fonts/Candara-Bold.eot');
  src: url('../fonts/Candara-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Candara-Bold.woff2') format('woff2'),
      url('../fonts/Candara-Bold.woff') format('woff'),
      url('../fonts/Candara-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body,
html {
  width: 100% !important;
  height: 100% !important;
}

body {
  width: 100% !important;
  height: 100% !important;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #112d28;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
}

/* Scroll custom style */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-button {
  background: linear-gradient(176.24deg, #3c3c3c -14.25%, #6d6d6d 120.87%);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(176.24deg, #2d544e -14.25%, #56968c 120.87%);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  opacity: 0.7;
}
::-webkit-scrollbar-track {
  background: #111111;
}
::-webkit-scrollbar-corner {
  background: linear-gradient(176.24deg, #3c3c3c -14.25%, #6d6d6d 120.87%);
}

a,
img,
:focus,
input {
  outline: none !important;
}

a {
  color: #112d28;
  transition: all 0.2s ease-out;
}

a:hover,
a:focus {
  text-decoration: none;
}

section {
  padding: 90px 0;
}

/* Nav */

nav {
  display: flex;
  position: absolute;
  margin-top: 55px;
  width: 100%;
  line-height: 0px;
  z-index: 999;
}

nav ul {
  line-height: 60px;
  list-style: none;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  color: #fff;
  padding: 0;
  text-align: right;
  margin: 0;
}

nav.black ul {
  background: #000;
}

nav ul li {
  display: inline-block;
  padding: 0px 5px;
}

nav ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}

.top__main {
  position: relative;
}

nav .logo {
  position: absolute;
}

nav .logo-header {
  width: 66px;
  margin-bottom: 15px;
}

.logo-black,
.icon__menu__black {
  display: none;
}

.navmenu .center-nav {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  line-height: 13px;
}

.navmenu .center-nav li {
  padding: 0px 14px;
}

.navmenu .center-nav li > a {
  font-weight: 500;
  font-size: 14px;
  color: #9b9b9b;
}

.navmenu .center-nav li > a:hover {
  color: #ffffff;
}

.navmenu .center-nav .active a {
  color: #ffffff;
}

.right-nav {
  position: absolute;
  display: flex;
  right: 0;
  flex-direction: row;
  align-items: center;
}

.right-nav .search-nav a {
  font-size: 18px;
  transition: all 0.3s ease-out;
}

.right-nav .search-nav a:hover {
  color: #ffffff;
  opacity: 0.6;
}

.get-touch-nav {
  padding: 2px 22px !important;
  text-align: center;
  leading-trim: both;
  background: linear-gradient(
    88deg,
    #aa752d -36.02%,
    #dbb563 25.94%,
    #ffe8a2 60.96%,
    #f8dc89 98.68%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-edge: cap;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  border-radius: 50px;
  border: 1px solid #f8dc89;
}

.get-touch-nav:hover {
  opacity: 0.8;
}

.right-nav .menu-nav {
  cursor: pointer;
  margin-top: -2px;
}

.right-nav .menu-nav img {
  width: 23px;
  transition: transform 0.3s ease-in-out;
}

.right-nav .menu-nav img:hover {
  transform: rotate(180deg);
}

/* Nav - for inside page */

.navmenu__otherpage {
  position: absolute;
  background: #ffffff;
  border-bottom: 1px solid rgba(157, 174, 180, 0.2);
  padding: 23px 0px 23px 0px;
  margin: 0;
  top: 0;
}

.navmenu__otherpage .logo-header {
  margin-bottom: 0;
}

.navmenu__otherpage .center-nav {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  line-height: 13px;
}

.navmenu__otherpage .center-nav li {
  padding: 0px 14px;
}

.navmenu__otherpage .center-nav li > a {
  font-weight: 500;
  font-size: 14px;
  color: #112d28;
  transition: none !important;
}

.navmenu__otherpage .center-nav li > a:hover {
  background: linear-gradient(
    90deg,
    #ae772b 0%,
    #dbb563 46%,
    #f2d57f 72%,
    #f2d57f 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.navmenu__otherpage .center-nav .active a {
  background: linear-gradient(
    90deg,
    #ae772b 0%,
    #dbb563 46%,
    #f2d57f 72%,
    #f2d57f 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.navmenu__otherpage .right-nav a {
  color: #2d544e;
}

.navmenu__fixed {
  position: fixed;
  top: 0;
  background: hsla(0, 0%, 100%, 0.9);
  border: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 64px 0 rgb(57 64 97 / 5%);
}

.home__nav {
  background: none;
  border: none;
  margin-top: 40px;
}

.home__nav .center-nav li > a {
  color: #ffffff;
}

.home__nav .center-nav li > a:hover {
  background: var(
    --GoldGradient,
    linear-gradient(90deg, #ae772b 0%, #dbb563 46%, #f2d57f 72%, #f2d57f 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home__nav .center-nav .active a {
  background: var(
    --GoldGradient,
    linear-gradient(90deg, #ae772b 0%, #dbb563 46%, #f2d57f 72%, #f2d57f 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: none;
}

.navmenu__otherpage.other__nav .logo-black,
.navmenu__otherpage.other__nav .icon__menu__black {
  display: block;
}

.home__nav.navmenu__fixed {
  background: #ffffff;
  border: none;
  margin-top: 0px;
}

.home__nav.navmenu__fixed .logo-black,
.home__nav.navmenu__fixed .icon__menu__black {
  display: block;
}
.home__nav.navmenu__fixed .logo-white,
.home__nav.navmenu__fixed .icon__menu__white {
  display: none;
}

.home__nav.navmenu__fixed .center-nav li > a {
  color: #112d28;
}

.home__nav.navmenu__fixed .center-nav li > a:hover {
  background: var(
    --GoldGradient,
    linear-gradient(90deg, #ae772b 0%, #dbb563 46%, #f2d57f 72%, #f2d57f 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home__nav.navmenu__fixed .center-nav .active a {
  background: var(
    --GoldGradient,
    linear-gradient(90deg, #ae772b 0%, #dbb563 46%, #f2d57f 72%, #f2d57f 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: none;
}

.home__nav.navmenu__fixed .get-touch-nav,
.other__nav .get-touch-nav {
  color: #2d544e;
  background: #eff0f0;
  border: none;
  -webkit-text-fill-color: unset;
}

.lm__link {
  color: #112d28;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.32px;
  text-transform: uppercase;
}

.lm__link i {
  margin-left: 3px;
  transition: transform 0.3s ease;
}

.lm__link:hover i {
  color: #ae772b;
  background: var(
    --GoldGradient,
    linear-gradient(90deg, #ae772b 0%, #dbb563 46%, #f2d57f 72%, #f2d57f 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateX(3px);
}

.lm__link:hover {
  color: #ae772b;
  background: var(
    --GoldGradient,
    linear-gradient(90deg, #ae772b 0%, #dbb563 46%, #f2d57f 72%, #f2d57f 100%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Header */

header {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  background-image: url("../img/bg.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.preheader__title {
  color: #ffffff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 41.6px */
}

.preheader__title span {
  background: linear-gradient(
    88deg,
    #aa752d -36.02%,
    #dbb563 25.94%,
    #ffe8a2 60.96%,
    #f8dc89 98.68%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.logo__hero {
  width: 180px;
  margin-bottom: 24px;
}

.header__title {
  display: flex;
  align-items: center;
  text-align: center;
  font-family: 'Candara';
  font-size: 62px;
  font-style: normal;
  font-weight: bold;
  line-height: 140%; /* 86.8px */
  margin-bottom: 0;
  background: linear-gradient(
    88deg,
    #aa752d -36.02%,
    #dbb563 25.94%,
    #ffe8a2 60.96%,
    #f8dc89 98.68%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.header__scrolldown__link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: auto;
  animation: backInUp 1s, moveUpDown 3s infinite;
  animation-delay: 0s, 1s;
}

@keyframes moveUpDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

.header__scroll {
  width: 50px;
  height: 50px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
  transition: transform 0.3s ease-in-out;
}

.header__scroll:hover {
  opacity: 0.8;
  transform: rotate(360deg);
}

.header__scroll i {
  position: relative;
  top: calc(50% - 10px);
  font-size: 21px;
  color: #ffffff;
}

.header__scroll_btn__text {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 105.02%;
  text-align: center;
  letter-spacing: 0.245em;
  color: rgb(255 255 255 / 59%);
}

.header__scroll_btn__text:hover {
  opacity: 0.9;
}

.hero__link {
  margin-top: 40px;
}

.hero__catalog__link {
  padding: 12px 22px;
  color: #112d28;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.28px;
  text-transform: uppercase;
  border-radius: 50px;
  background: linear-gradient(
    88deg,
    #aa752d -36.02%,
    #dbb563 25.94%,
    #ffe8a2 60.96%,
    #f8dc89 98.68%
  );
}

.hero__catalog__link:hover {
  color: #112d28;
  opacity: 0.9;
}

.hero__catalog__link i {
  margin-left: 3px;
}

.social__link {
  display: flex;
  position: fixed;
  right: 20px;
  top: 40%;
  justify-content: center;
  align-items: center;
}

.social__link ul {
  padding: 7px;
  text-align: center;
  list-style-type: none;
  background: rgba(157, 174, 180, 0.1);
  border-radius: 50px;
  margin: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.social__link ul li {
  line-height: 30px;
}

.social__link ul li > a {
  color: #cacaca;
  font-size: 16px;
}

.social__link ul li > a:hover {
  opacity: 0.6;
}

/* Menu - right sidebar */

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  overflow-x: hidden;
  padding-top: 60px;
  box-shadow: 0px 4px 159px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: 0.3s;
}

.sidenav a {
  padding: 12px 0px;
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  display: block;
  transition: all 0.2s ease-out;
}

.sidenav a:hover {
  color: #000000;
}

#sidebar__overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgb(0 0 0 / 15%);
}

.sidenav .closeMenu {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 18px;
  color: #818181;
  margin-left: 50px;
  transition: all 0.2s ease-out;
}

.sidenav .closeMenu:hover {
  opacity: 0.6;
}

.logoSidebar {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.logoSidebar img {
  width: 130px;
}

.sidenav .link__menu {
  text-align: center;
  margin-top: 23px;
  list-style: none;
  padding: 0;
}

.sidenav .link__menu .active a {
  color: #000000;
  background: linear-gradient(
    90deg,
    #ae772b 0%,
    #dbb563 46%,
    #f2d57f 72%,
    #f2d57f 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sidebar__social__link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sidebar__social__link ul {
  display: inline-flex;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

.sidebar__social__link ul li {
  padding: 4px 0px;
  margin: 2px 6px;
  width: 32px;
  height: 32px;
  background: #2d544e;
  border: none;
  border-radius: 50%;
}

.sidebar__social__link li > a {
  padding: 0;
  font-weight: 400;
  text-align: center;
  color: #666666;
}

.sidebar__social__link li > a:hover {
  color: #000000;
}

.sidenav .sidebar__location {
  display: flex;
  margin-top: 15px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.sidenav .location__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 18px;
  color: #000000;
  background: #f0f0f0;
  border-radius: 50%;
}

.sidenav .sidebar__location p {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  text-align: center;
  color: #616567;
  margin-top: 10px;
}

.whatsapp__icon__sidebar {
  background: #25d366 !important;
  border-color: #25d366 !important;
}

.whatsapp__icon__sidebar a:hover {
  opacity: 0.8;
}

.whatsapp__icon__sidebar i {
  color: #ffffff;
}

/* Title */

.title__block {
  margin-top: 110px;
}

.title {
  font-family: 'Candara';
  font-size: 42px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.42px;
  color: #112d28;
  line-height: 120%;
  text-align: center;
  padding-bottom: 5px;
}

.title__line {
  height: 3px;
  width: 70px;
  background: linear-gradient(
    90deg,
    #ae772b 0%,
    #dbb563 46%,
    #f2d57f 72%,
    #f2d57f 100%
  );
  border-radius: 15px;
  margin-bottom: 30px;
  margin: 0 auto;
}

/* Footer */

footer {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #2d544e;
}

.footer__info {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.footer__block__one {
  padding-right: 20px;
}

.footer__block__one .logo-footer {
  width: 100%;
  max-width: 130px;
}

.footer__block__two {
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__block__two p {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 14px;
}

.contact__footer {
  margin-bottom: 14px;
}

.contact__footer a {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.contact__footer a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.social-footer {
  display: inline-flex;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 14px;
}

.social-footer li {
  display: flex;
  width: 26px;
  height: 26px;
  background: rgba(255, 255, 255, 0.15);
  /* align-items: center; */
  justify-content: center;
  border-radius: 50%;
}

.social-footer li:nth-child(1) {
  margin-right: 8px;
}

.social-footer li:nth-child(2) {
  margin-right: 8px;
}

.social-footer li:nth-child(3) {
  margin-right: 8px;
}

.social-footer li:nth-child(4) {
  margin-right: 8px;
}

.social-footer li:last-child {
  margin-right: 0px;
}

.social-footer li > a {
  transition: all ease-out 0.3s;
}

.social-footer li > a:hover {
  opacity: 0.7;
}

.title-link-footer {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.16px;
  margin-bottom: 10px;
}

.link-footer {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.link-footer li {
  line-height: 32px;
}

.link-footer li > a {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all ease-out 0.1s;
}

.link-footer li > a:hover {
  opacity: 0.8;
}

.footer__contact,
.footer__address {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #969798;
}

.footer__copyright {
  background-color: #2d544e;
}

.text__copyright {
  padding: 26px 0 26px 0;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Global style */

.content {
  min-height: 500px;
}

/* gems */

.gems__category {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-top: 30px;
}

.gems__category .cat__bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out;
}

.gems__info_cat {
  display: flex;
  position: absolute;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.title__cat {
  margin-top: 20px;
  font-style: normal;
  font-weight: 800;
  font-size: 104px;
  line-height: 105.02%;
  color: rgba(255, 255, 255, 0.13);
  -webkit-text-stroke: 1px rgb(255 255 255 / 75%);
}

.link__cat {
  margin-top: 15px;
}

.link__cat a {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #ffffff;
}

.link__cat a:hover {
  opacity: 0.7;
}

.link__cat i {
  margin-left: 3px;
}

.gems__category:hover .cat__bg {
  transform: scale(0.98);
}

/* Gallery */

.gallery__section {
}

.gallery__r {
  margin-top: 60px;
}

#gallery .media-box .media-box-image img {
  border-radius: 10px !important;
}

/* Contacts */

.contact__r {
  margin-top: 60px;
}

#contacts {
  margin-bottom: 100px;
}

.contacts__info__align {
  display: flex;
  justify-content: space-between;
}

.contacts__info__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-radius: 15px;
  border: 1px solid rgba(229, 234, 237, 0.7);
  background: #fff;
  min-height: 160px;
  padding: 30px 0px;
}

.contacts__info__block,
.contacts__info__block a {
  color: #112d28;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}

.contacts__info__block a:hover {
  color: #000000;
}

.contacts__info__block:nth-child(1) {
  margin-right: 12px;
}

.contacts__info__block:nth-child(2) {
  margin-right: 12px;
}

.contacts__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: #f4f7f8;
  border-radius: 50%;
  margin-bottom: 15px;
}

.contacts__maps {
  margin-top: 15px;
}

.contacts__maps frame,
.contacts__maps #map {
  border: 1px solid #e0e0e0;
  border-radius: 15px !important;
}

/* Contact form */

.contact__form {
  padding: 35px;
  border-radius: 15px;
  border: 1px solid rgba(229, 234, 237, 0.7);
  background: #fff;
}

.title__contact__form {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 105.02%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000;
  margin: 0 !important;
}

.title__contact__form__text {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #616567;
  margin: 18px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border: 1px solid #696969 !important;
  box-shadow: none !important;
  outline: 0 none !important;
}

.help-block {
  font-size: 12px !important;
  background: #333 !important;
  border-radius: 6px !important;
  padding: 0px 15px !important;
  margin-top: 6px !important;
}

.help-block .list-unstyled {
  margin-bottom: 0px !important;
}

.form-success {
  padding: 6px;
  background: #189040;
  color: #ffffff;
  border-radius: 50px;
  margin-bottom: 15px;
}

.form-error {
  padding: 6px;
  background: #f54e4e;
  color: #ffffff;
  border-radius: 50px;
  margin-bottom: 15px;
}

.has-error .form-control {
  border-color: #f54e4e !important;
}

.has-error input:focus {
  border-color: #f54e4e !important;
}

span .error {
  padding: 2px 3px;
  background: #f54e4e !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 500;
  margin-left: 10px;
}


.form-control {
  display: block;
  width: 100%;
  padding: 10px 22px;
  height: 48px;
  font-size: 1rem;
  background: none !important;
  font-weight: 500;
  line-height: 1.5;
  color: #000000 !important;
  border: 1px solid #e5eaed;
  border-radius: 50px !important;
}

.form-group {
  margin-bottom: 10px !important;
}

textarea.form-control {
  height: auto !important;
  border-radius: 20px !important;
  margin-bottom: 15px !important;
  resize: none;
  min-height: 180px;
}

.textarea-message {
  margin-bottom: 0px !important;
}

input {
  border: 1px solid #e4e4e4;
  border-radius: 50px;
}

::placeholder {
  color: #969798 !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #969798 !important;
}

::-ms-input-placeholder {
  color: #969798 !important;
}

#submit {
  background: #2d544e;
  border-radius: 47px;
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.28px;
  width: 100%;
  height: 48px;
  margin-bottom: 4px;
  opacity: 1;
  transition: 0.3s;
}

#submit:hover {
  color: white;
  opacity: 0.8;
}

#submit:focus,
#submit:active {
  background: #000000;
  color: white;
  outline: none;
  box-shadow: none;
}

.input-name {
  padding-right: 5px;
}

.input-email {
  padding-left: 5px;
}

/* Modal contact us */

#contactModal .modal-dialog {
  max-width: 380px;
}

#contactModal .modal-content {
  border-radius: 15px !important;
  border: none !important;
}

#contactModal .modal-header {
  border: none !important;
}

#contactModal .title__contact__form {
  font-weight: 700;
  font-size: 24px;
}

#contactModal .modal-body {
  padding-top: 0px !important;
}

/* gems - list */

.gem__list {
  margin-bottom: 50px;
}

.back__link {
  margin-bottom: 30px;
}

.back__link span {
  padding: 10px 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000;
  background: #fff;
  border-radius: 8px;
  box-shadow: 5px 3px 9px -7px rgb(0 0 0 / 32%);
  -webkit-box-shadow: 5px 3px 9px -7px rgb(0 0 0 / 32%);
  -moz-box-shadow: 5px 3px 9px -7px rgb(0 0 0 / 32%);
}

.back__link span:hover {
  opacity: 0.8;
}

.back__link a {
  color: #000;
}

.gem__list__block {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 30px;
  min-height: 350px;
  background-size: cover;
  background-position: center;
}

.gem__list__block .photo__gem {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 315px;
}

.gem__list__info {
  display: flex;
  padding: 10px 0px;
  position: absolute;
  bottom: 0;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: rgba(24, 33, 36, 0.35);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  border-radius: 0px 0px 15px 15px;
}

.gem__list__info .name__gem {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
}

.gem__list__info a {
  color: #ffffff;
}

.gem__list__info a:hover {
  opacity: 0.8;
}

.gem__list__info .link__gem {
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #ffffff;
}

.gem__list__info .link__gem:hover {
  opacity: 0.7;
}

/* Pagination */

.pagination__page {
  margin-top: 32px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .page-item {
  outline: none !important;
  box-shadow: none !important;
  margin: 0px 3px;
}

.pagination .page-link {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #112d28;
  background: #f4f7f8;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 50%;
  margin: 0px 2px;
  padding: 7px 8px;
}

.pagination .page-link:hover {
  color: #fff;
  background-color: #2d544e;
}

.pagination .page-prev,
.pagination .page-next {
  display: inline;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.2em;
  color: #112d28;
  border: none !important;
  background: none !important;
  margin: 0 !important;
}

.pagination .page-prev:hover,
.pagination .page-next:hover {
  color: #2d544e;
  opacity: 0.6;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #2d544e;
  border: none !important;
  border-radius: 50%;
  padding: 7px 10px;
}

/* gem - Inside */

.gem__inside {
  margin: 140px 0px 70px 0px;
}

.photo__gem__inside {
  border-radius: 15px;
  margin-bottom: 30px;
}

.gem__name {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 38px;
  line-height: 95.52%;
  letter-spacing: 0.02em;
  color: #000000;
  margin: 25px 0px;
}

.gem__information {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 4px 6px rgb(0 0 0 / 5%);
  border-radius: 15px;
  min-height: 130px;
  padding: 25px 0px;
  margin-bottom: 15px;
}

.gem__information .gem__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  font-size: 18px;
  background: #fafafa;
  border-radius: 50%;
  margin-bottom: 10px;
}

.title__gem__info {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000;
}

.gem__information p {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000;
  margin: 0;
}

/* Slider  */

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.slider-btn-prev,
.slider-btn-next {
  background: #f4f7f8;
  font-size: 14px;
  padding: 10px 11px;
  color: #000000;
  border-radius: 50%;
  font-weight: 500;
  transition: 0.3s;
}

.slider-btn-prev:hover,
.slider-btn-next:hover {
  background: #2d544e;
  color: #ffffff;
}

.photo__gem__slide {
  border-radius: 15px;
  object-fit: cover;
  width: 100%;
  height: 190px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='130' height='130' viewBox='0 0 130 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='130' height='130' fill='%23C9C9C9'/%3e%3cpath d='M36.8748 105V97.3H38.3048V103.79H42.3308V105H36.8748ZM46.9281 105.11C46.3268 105.11 45.7731 105.011 45.2671 104.813C44.7611 104.615 44.3211 104.34 43.9471 103.988C43.5731 103.629 43.2835 103.211 43.0781 102.734C42.8728 102.25 42.7701 101.722 42.7701 101.15C42.7701 100.578 42.8728 100.054 43.0781 99.577C43.2835 99.093 43.5731 98.675 43.9471 98.323C44.3211 97.9637 44.7611 97.685 45.2671 97.487C45.7731 97.289 46.3231 97.19 46.9171 97.19C47.5185 97.19 48.0685 97.289 48.5671 97.487C49.0731 97.685 49.5131 97.9637 49.8871 98.323C50.2611 98.675 50.5508 99.093 50.7561 99.577C50.9615 100.054 51.0641 100.578 51.0641 101.15C51.0641 101.722 50.9615 102.25 50.7561 102.734C50.5508 103.218 50.2611 103.636 49.8871 103.988C49.5131 104.34 49.0731 104.615 48.5671 104.813C48.0685 105.011 47.5221 105.11 46.9281 105.11ZM46.9171 103.856C47.3058 103.856 47.6651 103.79 47.9951 103.658C48.3251 103.526 48.6111 103.339 48.8531 103.097C49.0951 102.848 49.2821 102.562 49.4141 102.239C49.5535 101.909 49.6231 101.546 49.6231 101.15C49.6231 100.754 49.5535 100.395 49.4141 100.072C49.2821 99.742 49.0951 99.456 48.8531 99.214C48.6111 98.9647 48.3251 98.774 47.9951 98.642C47.6651 98.51 47.3058 98.444 46.9171 98.444C46.5285 98.444 46.1691 98.51 45.8391 98.642C45.5165 98.774 45.2305 98.9647 44.9811 99.214C44.7391 99.456 44.5485 99.742 44.4091 100.072C44.2771 100.395 44.2111 100.754 44.2111 101.15C44.2111 101.539 44.2771 101.898 44.4091 102.228C44.5485 102.558 44.7391 102.848 44.9811 103.097C45.2231 103.339 45.5091 103.526 45.8391 103.658C46.1691 103.79 46.5285 103.856 46.9171 103.856ZM51.3835 105L54.8485 97.3H56.2565L59.7325 105H58.2365L55.2555 98.059H55.8275L52.8575 105H51.3835ZM52.9785 103.218L53.3635 102.096H57.5215L57.9065 103.218H52.9785ZM60.7117 105V97.3H64.0777C64.9137 97.3 65.6471 97.4613 66.2777 97.784C66.9084 98.1067 67.3997 98.554 67.7517 99.126C68.1037 99.698 68.2797 100.373 68.2797 101.15C68.2797 101.92 68.1037 102.595 67.7517 103.174C67.3997 103.746 66.9084 104.193 66.2777 104.516C65.6471 104.839 64.9137 105 64.0777 105H60.7117ZM62.1417 103.79H64.0117C64.5911 103.79 65.0897 103.68 65.5077 103.46C65.9331 103.24 66.2594 102.932 66.4867 102.536C66.7214 102.14 66.8387 101.678 66.8387 101.15C66.8387 100.615 66.7214 100.153 66.4867 99.764C66.2594 99.368 65.9331 99.06 65.5077 98.84C65.0897 98.62 64.5911 98.51 64.0117 98.51H62.1417V103.79ZM69.7996 105V97.3H71.2296V105H69.7996ZM73.3123 105V97.3H74.4893L79.3183 103.229H78.7353V97.3H80.1543V105H78.9773L74.1483 99.071H74.7313V105H73.3123ZM85.8146 105.11C85.2133 105.11 84.6596 105.015 84.1536 104.824C83.6549 104.626 83.2186 104.351 82.8446 103.999C82.4706 103.64 82.1809 103.218 81.9756 102.734C81.7703 102.25 81.6676 101.722 81.6676 101.15C81.6676 100.578 81.7703 100.05 81.9756 99.566C82.1809 99.082 82.4706 98.664 82.8446 98.312C83.2259 97.9527 83.6696 97.6777 84.1756 97.487C84.6816 97.289 85.2353 97.19 85.8366 97.19C86.4893 97.19 87.0759 97.2963 87.5966 97.509C88.1246 97.7217 88.5683 98.0333 88.9276 98.444L88.0256 99.324C87.7249 99.0233 87.3986 98.8033 87.0466 98.664C86.7019 98.5173 86.3206 98.444 85.9026 98.444C85.4993 98.444 85.1253 98.51 84.7806 98.642C84.4359 98.774 84.1389 98.961 83.8896 99.203C83.6403 99.445 83.4459 99.731 83.3066 100.061C83.1746 100.391 83.1086 100.754 83.1086 101.15C83.1086 101.539 83.1746 101.898 83.3066 102.228C83.4459 102.558 83.6403 102.848 83.8896 103.097C84.1389 103.339 84.4323 103.526 84.7696 103.658C85.1069 103.79 85.4809 103.856 85.8916 103.856C86.2729 103.856 86.6396 103.797 86.9916 103.68C87.3509 103.555 87.6919 103.35 88.0146 103.064L88.8286 104.131C88.4253 104.454 87.9559 104.699 87.4206 104.868C86.8926 105.029 86.3573 105.11 85.8146 105.11ZM87.4756 103.944V101.062H88.8286V104.131L87.4756 103.944ZM91.1301 105.077C90.8808 105.077 90.6681 104.993 90.4921 104.824C90.3161 104.648 90.2281 104.428 90.2281 104.164C90.2281 103.885 90.3161 103.665 90.4921 103.504C90.6681 103.335 90.8808 103.251 91.1301 103.251C91.3794 103.251 91.5921 103.335 91.7681 103.504C91.9441 103.665 92.0321 103.885 92.0321 104.164C92.0321 104.428 91.9441 104.648 91.7681 104.824C91.5921 104.993 91.3794 105.077 91.1301 105.077ZM93.8156 105.077C93.5663 105.077 93.3536 104.993 93.1776 104.824C93.0016 104.648 92.9136 104.428 92.9136 104.164C92.9136 103.885 93.0016 103.665 93.1776 103.504C93.3536 103.335 93.5663 103.251 93.8156 103.251C94.065 103.251 94.2776 103.335 94.4536 103.504C94.6296 103.665 94.7176 103.885 94.7176 104.164C94.7176 104.428 94.6296 104.648 94.4536 104.824C94.2776 104.993 94.065 105.077 93.8156 105.077Z' fill='%23989898'/%3e%3c/svg%3e");
}

.media-boxes-load-more-button,
.media-boxes-no-more-entries {
  margin-top: 20px;
  border-radius: 50px;
}

/* Blog */

.blog__list {
  margin-bottom: 80px;
}

.list__blog {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 30px;
}

.image__blog {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 350px;
  max-height: 350px;
}

.blog__info {
  display: flex;
  padding: 15px 25px;
  position: absolute;
  bottom: 0;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  /* text-align: center; */
  background: rgba(24, 33, 36, 0.35);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  border-radius: 0px 0px 15px 15px;
}

.title__blog a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}

.annotation__blog {
  color: #bcbcbc;
  font-size: 14px;
}

.date__blog {
  position: absolute;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  color: #e8e8e8;
  background: rgb(0 0 0 / 41%);
  padding: 3px 7px;
  top: 10px;
  right: 10px;
  border-radius: 5px;
}

.link__blog {
  margin-top: 7px;
}

.link__blog a {
  color: #ffffff;
  font-size: 16px;
}

.image__plog__inside {
  width: 100%;
  border-radius: 10px;
}

.date__blog__inside {
  margin-bottom: 10px;
}

.date__blog__inside span {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  color: #737373;
  background: rgb(0 0 0 / 4%);
  padding: 3px 7px;
  border-radius: 5px;
}

.content__inside__blog {
  padding: 15px 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 5px 3px 9px -7px rgb(0 0 0 / 32%);
  -webkit-box-shadow: 5px 3px 45px 5px rgb(0 0 0 / 3%);
  -moz-box-shadow: 5px 3px 9px -7px rgb(0 0 0 / 32%);
}

#gtx-trans {
  display: none !important;
}

/* About Us - Section */

#about .title,
#about .title__line {
  margin: 0 auto 0 0;
  text-align: left;
}

.description__block {
  margin-top: 30px;
}

.description__block p {
  color: #112d28;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.16px;
}

.about__img {
  width: 100%;
  max-width: 440px;
}

.about__align {
  margin-top: 60px;
}

/* Discover block */

.discover__block {
  width: 100%;
  background-image: url(../img/discover-bg.jpg);
  background-size: cover;
  background-position: center;
}

.title__discover {
  color: #ffffff;
  text-align: center;
  font-family: 'Candara';
  font-size: 42px;
  font-style: normal;
  font-weight: bold;
  line-height: 120%;
  letter-spacing: 0.42px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.discover__block p {
  color: #ffffff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.16px;
  margin: 0;
}

/* Why Choose Afghan Gemstones? */

.why__choose__one {
  background: #f6f4ee;
}

.why__r {
  margin-top: 60px;
}

.why__choose__block {
  margin: 0 auto;
  margin-bottom: 24px;
}

.why__choose__block .icon {
  margin: 0 auto 24px;
  text-align: center;
}

.why__choose__block .icon img {
  width: 100%;
  max-width: 160px;
}

.why__choose__block .heading {
  color: #112d28;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.16px;
  margin-bottom: 14px;
}

.why__choose__block p {
  color: #112d28;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.14px;
}

.bottom__title {
  margin-top: 60px;
  color: #112d28;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.16px;
}

/* Catalog */

.catalog__r {
  margin-top: 60px;
}

.catalog__block {
  position: relative;
  background-size: cover;
  height: 300px;
  margin-bottom: 30px;
}

.catalog__block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(184deg, rgba(43, 82, 76, 0.38) -14.51%, #53a396ec 96.9%);
  opacity: 1;
  transition: opacity 0.8s ease; 
  border-radius: inherit;
}

.catalog__block:hover::before {
  opacity: 0.2;
}


.catalog__section .col-12:nth-child(4n+1) .catalog__block {
  border-radius: 50px 50px 0px 50px;
}

.catalog__section .col-12:nth-child(4n+2) .catalog__block {
  border-radius: 50px 50px 50px 0px;
}

.catalog__section .col-12:nth-child(4n+3) .catalog__block {
  border-radius: 50px 0px 50px 50px;
}

.catalog__section .col-12:nth-child(4n+4) .catalog__block {
  border-radius: 0px 50px 50px 50px;
}

.catalog__block .name__cat {
  cursor: pointer;
  position: absolute;
  color: #ffffff;
  text-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.24px;
  bottom: 50px;
  left: 35px;
}

.catalog__block .name__cat:hover {
  opacity: 0.8;
}

.catalog__block .name__cat::after {
  content: "";
  display: block;
  width: 45px;
  height: 3px;
  background-color: white;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.catalog__block .name__cat a {
  color: #ffffff;
}

.catalog__block .name__cat a:hover {
  opacity: 0.7;
  color: #ffffff;
}

.catalog__block .link__all {
  position: absolute;
  bottom: 45px;
  right: 35px;
}

.catalog__block .view__all {
  color: #ffffff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  letter-spacing: 0.32px;
  text-transform: uppercase;
}

.catalog__block .view__all i {
  margin-left: 3px;
  transition: transform 0.3s ease;
}

.catalog__block .view__all:hover i {
  opacity: 0.7;
  color: #ffffff;
  transform: translateX(3px);
}

.catalog__block .view__all:hover {
  opacity: 0.7;
  color: #ffffff;
}

/* Why Choose ZWAK GEMS - Section */

.why_c_zwakgems {
  background: #f6f4ee;
}

#why_c_zwakgems .title,
#why_c_zwakgems .title__line {
  margin: 0 auto 0 0;
  text-align: left;
}

.why_c_zwakgems .description__block span {
  font-style: normal;
  font-weight: 600;
  text-decoration: underline;
}

.why_c_zwakgems__img {
  width: 100%;
  max-width: 440px;
}

/* What sets us apart: - Section */

#what_apart .title,
#what_apart .title__line {
  margin: 0 auto 0 0;
  text-align: left;
}

.what_apart__img {
  width: 100%;
  max-width: 440px;
}

.description__block li {
  list-style: disc;
  line-height: 160%;
  margin-bottom: 6px;
}

/* ------ Product ------ */

/* All product in category */

.catalog__list {
  margin-top: 60px;
}

.product__card {
  border-radius: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.product__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(229, 234, 237, 0.7);
  border-radius: 30px 30px 0px 0px;
}

.product__img:hover {
  opacity: 0.9;
}

.product__info {
  padding: 22px 8px;
  border-radius: 0px 0px 30px 30px;
  border-right: 1px solid rgba(229, 234, 237, 0.7);
  border-bottom: 1px solid rgba(229, 234, 237, 0.7);
  border-left: 1px solid rgba(229, 234, 237, 0.7);
  background: var(--White, #fff);
}

.product__info .name {
  cursor: pointer;
  color: #112d28;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.18px;
  margin-bottom: 10px;
}

.link_view_p {
  cursor: pointer;
  color: #4a4545;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.link_view_p:hover,
.product__info .name:hover {
  opacity: 0.8;
}

.link_view_p i {
  margin-left: 3px;
  transition: transform 0.3s ease;
}

.link_view_p:hover i {
  transform: translateX(3px);
}

.product__info .link_view_p {
  text-align: center;
}

/* Product inside */

.product__inside {
  padding-top: 60px;
}

.photo__product img {
   width: 100%;
   border-radius: 20px;
   margin-bottom: 24px;
   border: 1px solid rgba(229, 234, 237, 0.7);
}

.info__product {
  padding-top: 40px;
  padding-left: 20px;
}

.heading__product {
  color: #112d28;
  font-family: "Montserrat", sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: bold;
  line-height: 100%;
  letter-spacing: 0.42px;
  margin-bottom: 12px;
}

.sku__product {
  color: #9fa7ab;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  margin-bottom: 30px;
}

.sku__product span {
  color: #112d28;
  font-style: normal;
  font-weight: 600;
}

.price__product {
  color: #112d28;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

.price__product span {
  color: #112d28;
  font-style: normal;
  font-weight: 500;
}

.description__product {
  color: #112d28;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.14px;
}

.link__product {
  display: flex;
  margin: 20px 0px 24px 0px;
}

.link__product a {
  padding: 12px 18px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.28px;
  border-radius: 50px;
  background: #2d544e;
}

.link__product a:hover {
  opacity: 0.8;
}

.product__inside__gallery {
  padding-top: 0px;
}

.product_g_align {
  padding-top: 40px;
}

/* News */

.news__section {
}

.news__r {
  margin-top: 60px;
}

.news__card {
  border-radius: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.news__img {
  position: relative;
  background-size: cover;
  height: 250px;
  overflow: hidden;
}

.news__img:hover {
  opacity: 0.9;
}

.news__date {
  position: absolute;
  bottom: 12px;
  left: 24px;
  padding: 3px 8px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.12px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
}

.news__info {
  text-align: left;
  padding: 24px;
  border-radius: 0px 0px 30px 30px;
  border-right: 1px solid rgba(229, 234, 237, 0.7);
  border-bottom: 1px solid rgba(229, 234, 237, 0.7);
  border-left: 1px solid rgba(229, 234, 237, 0.7);
  background: var(--White, #fff);
}

.news__info .news__title {
  cursor: pointer;
  color: #112d28;
  text-align: left;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.18px;
  margin-bottom: 16px;
}

.news__info .news__title:hover {
  opacity: 0.8;
}

.news__info .news__description {
  color: #112d28;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.14px;
  margin-bottom: 16px;
}

/* News Inside */

.news__inside {
  padding-top: 60px;
  padding-bottom: 60px;
}

.news__content {
  padding: 24px;
  border-radius: 20px;
  border: 1px solid rgba(229, 234, 237, 0.70);
  background: #FFF;
  margin-bottom: 24px;
}

.news__content p {
  font-size: 14px;
}


.date__news__inside {
  margin-bottom: 12px;
}

.news__inside .news__heading {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.22px;
  margin-bottom: 14px;
}

.date__news__inside span {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #737373;
  background: rgb(0 0 0 / 4%);
  padding: 3px 7px;
  border-radius: 5px;
}

/* Other */

.breadcrumb__block {
  margin-top: 90px;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  content: url("../img/icons/arrow_forward_ios.svg");
  vertical-align: middle;
  padding-top: 2px;
}

.breadcrumb {
  background: none;
  padding: 16px 0px !important;
}

.breadcrumb-item {
  color: #112d28;
  font-family: "Montserrat", sans-serif;
  font-size: 13px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 140%; /* 18.2px */
  letter-spacing: 0.26px;
}

.breadcrumb-item a {
  color: #112d28;
}

.breadcrumb-item.active {
  color: #9fa7ab !important;
  font-style: normal;
  letter-spacing: 0.26px;
}


.empty_product_list {
    margin-top: 30px;
    padding-bottom: 90px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}