/**************************/
@font-face {
  font-family: "font-regular";
  src: url("../fonts/harir.otf");
}
@font-face {
  font-family: "font-bold";
  src: url("../fonts/harir-bold.otf");
}
/*************************/
html, html body {
  font-family: "font-regular", sans-serif;
  transition: 0.3s;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
  height: 100%;
  scroll-behavior: smooth;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  font-size: 18px;
  color: #000;
}
@media (max-width: 768px) {
  html, html body {
    font-size: 14px;
  }
}
html body {
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}
html body.modal-open, html body.swal2-shown {
  padding: 0 !important;
  overflow-y: auto !important;
}
html body ::-moz-selection {
  background-color: #2d3d24;
  color: #fff;
}
html body ::selection {
  background-color: #2d3d24;
  color: #fff;
}
html body ul {
  list-style: none;
}
html body a,
html body a:hover,
html body a:visited,
html body a:link {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
html body article,
html body aside,
html body details,
html body figcaption,
html body figure,
html body footer,
html body header,
html body hgroup,
html body menu,
html body nav,
html body section {
  display: block;
}
html body div, html body body div,
html body span,
html body body span,
html body object,
html body body object,
html body iframe,
html body body iframe,
html body h1,
html body body h1,
html body h2,
html body body h2,
html body h3,
html body body h3,
html body h4,
html body body h4,
html body h5,
html body body h5,
html body h6,
html body body h6,
html body p,
html body body p,
html body blockquote,
html body body blockquote,
html body pre,
html body body pre,
html body abbr,
html body body abbr,
html body address,
html body body address,
html body cite,
html body body cite,
html body code,
html body body code,
html body del,
html body body del,
html body dfn,
html body body dfn,
html body em,
html body body em,
html body img,
html body body img,
html body ins,
html body body ins,
html body kbd,
html body body kbd,
html body q,
html body body q,
html body samp,
html body body samp,
html body small,
html body body small,
html body strong,
html body body strong,
html body sub,
html body body sub,
html body sup,
html body body sup,
html body var,
html body body var,
html body b,
html body body b,
html body i,
html body body i,
html body dl,
html body body dl,
html body dt,
html body body dt,
html body dd,
html body body dd,
html body ol,
html body body ol,
html body ul,
html body body ul,
html body li,
html body body li,
html body fieldset,
html body body fieldset,
html body form,
html body body form,
html body label,
html body body label,
html body legend,
html body body legend,
html body table,
html body body table,
html body caption,
html body body caption,
html body tbody,
html body body tbody,
html body tfoot,
html body body tfoot,
html body thead,
html body body thead,
html body tr,
html body body tr,
html body th,
html body body th,
html body td,
html body body td,
html body article,
html body body article,
html body aside,
html body body aside,
html body canvas,
html body body canvas,
html body details,
html body body details,
html body figcaption,
html body body figcaption,
html body figure,
html body body figure,
html body footer,
html body body footer,
html body header,
html body body header,
html body hgroup,
html body body hgroup,
html body menu,
html body body menu,
html body nav,
html body body nav,
html body section,
html body body section,
html body summary,
html body body summary,
html body time,
html body body time,
html body mark,
html body body mark,
html body audio,
html body body audio,
html body video,
html body body video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.3;
}
html body textarea {
  resize: none;
}
html body p {
  line-height: 1.7;
}
html body button {
  box-shadow: none;
  outline: none;
}

.dropdown .dropdown-toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}
.dropdown .dropdown-toggle::after {
  margin: 0;
  border: 0;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #000;
  width: 6px;
  height: 6px;
  rotate: 135deg;
}
.dropdown .dropdown-menu {
  text-align: initial;
  padding: 15px;
  min-width: 180px;
  border-radius: 20px;
  border: 0;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}
.dropdown .dropdown-menu a {
  padding: 10px;
  transition: 0.3s;
  display: flex;
  border-radius: 50px;
}
.dropdown .dropdown-menu a:hover {
  padding-inline: 20px;
}

.row {
  row-gap: 24px;
}

.toggle-scroll-top {
  position: fixed;
  right: -70px;
  bottom: 30px;
  z-index: 999;
  background-color: #2d3d24;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  box-shadow: 0 0 0 1px #fff;
  border: 0;
}
@media (max-width: 768px) {
  .toggle-scroll-top {
    width: 40px;
    height: 40px;
  }
}
[dir=ltr] .toggle-scroll-top {
  left: -70px;
  right: auto;
}
.toggle-scroll-top img {
  filter: invert(1);
}
.toggle-scroll-top.active {
  right: 30px;
}
[dir=ltr] .toggle-scroll-top.active {
  left: 30px;
  right: auto;
}

.menu-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  width: 300px;
  background: #fff;
  z-index: 10;
  padding: 30px 20px;
  transition: 0.3s;
  translate: -120% 0;
}
.menu-sidebar.active {
  translate: 0 0;
}
.menu-sidebar .close-menu-sidebar {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 30px;
}
.menu-sidebar .top {
  background-color: #2d3d24;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 12px;
  display: none;
}
@media (max-width: 625px) {
  .menu-sidebar .top {
    display: block;
  }
}
.menu-sidebar .top ul {
  margin-bottom: 20px;
}
.menu-sidebar .top ul li {
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
}
.menu-sidebar .top ul li a {
  vertical-align: middle;
  color: inherit;
  direction: ltr;
  display: inline-flex;
  transition: 0.3s;
}
.menu-sidebar .top ul li a:hover {
  color: #2d3d24;
}
.menu-sidebar .top .w-btn {
  border-color: #fff;
  color: #fff;
  width: 100%;
}
.menu-sidebar .menu {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.menu-sidebar .menu a {
  color: #2d3d24;
  font-size: 18px;
  font-weight: 700;
}
.menu-sidebar .menu .dropdown .dropdown-toggle {
  justify-content: space-between;
  width: 100%;
}
.menu-sidebar .menu .dropdown .dropdown-menu {
  width: 100%;
  box-shadow: none;
  border: 1px solid #dfdfdf;
  position: unset !important;
  transform: none !important;
  margin-top: 20px !important;
  border-radius: 10px;
}

.overlay-s {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.87);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.overlay-s.active {
  opacity: 1;
  visibility: visible;
}

.swiper-pagination {
  bottom: 40px !important;
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.2);
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50px;
  opacity: 1;
  transition: 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
  width: 20px;
}

@media (max-width: 768px) {
  [data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transform: none;
  }
}

.w-btn {
  height: 50px;
  border-radius: 15px;
  background-color: #2d3d24;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-family: "font-bold";
  padding: 0 20px;
  min-width: 160px;
  border: 1px solid #2d3d24;
  transition: 0.3s;
  font-size: 20px;
  padding-top: 6px;
}
@media (max-width: 768px) {
  .w-btn {
    height: 35px;
    font-size: 13px;
    padding-inline: 10px;
    min-width: 100px;
    border-radius: 6px;
  }
}
.w-btn.outline {
  background-color: transparent;
  color: #2d3d24;
}
.w-btn:hover {
  background-color: #fff;
  color: #2d3d24;
}

.main-head {
  padding-block: 30px;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  transition: 0.3s;
}
.main-head .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 768px) {
  .main-head .menu {
    display: none;
  }
}
.main-head .menu ul {
  display: flex;
  align-items: center;
  gap: 60px;
}
.main-head .menu ul li a {
  color: #fff;
  font-size: 20px;
  position: relative;
  display: flex;
}
.main-head .menu ul li a::after {
  content: "";
  position: absolute;
  left: 50%;
  translate: -50% 0;
  bottom: -10px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #fff;
  transition: 0.3s;
  opacity: 0;
}
.main-head .menu ul li.active a::after, .main-head .menu ul li:hover a::after {
  bottom: -5px;
  opacity: 1;
}
.main-head .actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-head .actions .toggle-menu-sidebar {
  padding: 0;
  background-color: transparent;
  border: none;
  display: none;
}
@media (max-width: 768px) {
  .main-head .actions .toggle-menu-sidebar {
    display: block;
  }
}
.main-head.inner-head .logo img {
  filter: invert(1);
}
.main-head.inner-head .menu ul li a {
  color: #000;
}
.main-head.inner-head .menu ul li a::after {
  background-color: #000;
}
.main-head.inner-head .actions .toggle-menu-sidebar img {
  filter: brightness(0);
}
.main-head.scroll-up {
  background: #fff;
  padding-block: 15px;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}
.main-head.scroll-up .logo img {
  filter: invert(1);
}
.main-head.scroll-up .menu ul li a {
  color: #000;
}
.main-head.scroll-up .menu ul li a::after {
  background-color: #000;
}
.main-head.scroll-down {
  top: -120px;
}

.caption span {
  height: 40px;
  border-radius: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  background: var(--Gold, linear-gradient(270deg, rgba(201, 186, 108, 0.1) 0%, rgba(143, 132, 77, 0.1) 100%));
  color: #c9ba6c;
}
@media (max-width: 768px) {
  .caption span {
    height: 30px;
  }
}
.caption h3 {
  font-family: "font-bold";
  font-size: 35px;
  margin-block: 25px 10px;
  color: #000;
}
@media (max-width: 768px) {
  .caption h3 {
    font-size: 25px;
  }
}
.caption p {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 20px;
  font-size: 20px;
}
@media (max-width: 768px) {
  .caption p {
    font-size: 16px;
  }
}
.caption div {
  display: flex;
  align-items: center;
  gap: 20px;
}

.hero-section {
  background-color: #000;
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .hero-section {
    margin-bottom: 40px;
  }
}
.hero-section .item {
  position: relative;
  padding-block: 140px 50px;
}
@media (max-width: 768px) {
  .hero-section .item {
    padding-block: 140px 100px;
  }
}
.hero-section .item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: -1;
}
.hero-section .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: -2;
}
.hero-section .item .row {
  flex-direction: row-reverse;
  align-items: center;
}
.hero-section .item .images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(10, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  direction: ltr;
}
@media (max-width: 768px) {
  .hero-section .item .images {
    grid-template-rows: repeat(9, 1fr);
  }
}
.hero-section .item .images div {
  position: relative;
  padding-top: 140%;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hero-section .item .images div {
    padding-top: 100%;
  }
}
.hero-section .item .images div img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-section .item .images div.img1 {
  grid-area: 1/3/5/5;
}
.hero-section .item .images div.img2 {
  grid-area: 5/3/9/5;
}
.hero-section .item .images div.img3 {
  grid-area: 2/1/6/3;
}
.hero-section .item .images div.img4 {
  grid-area: 6/1/10/3;
}
.hero-section .item .caption span {
  background: var(--Gold, linear-gradient(270deg, rgba(201, 186, 108, 0.1) 0%, rgba(143, 132, 77, 0.1) 100%));
}
.hero-section .item .caption h3 {
  color: #fff;
}
.hero-section .item .caption p {
  color: rgba(255, 255, 255, 0.6);
}
.hero-section .item .caption div .w-btn.play {
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}
.hero-section .item .caption div .w-btn.play img {
  margin-top: -11px;
  transition: 0.3s;
}
.hero-section .item .caption div .w-btn.play:hover {
  background-color: #fff;
}
.hero-section .item .caption div .w-btn.play:hover img {
  filter: brightness(0);
}

.about-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .about-section {
    padding-block: 30px;
  }
}
.about-section .row {
  align-items: center;
}
.about-section .img {
  border-radius: 40px;
  overflow: hidden;
  padding-top: 70%;
  position: relative;
}
@media (max-width: 768px) {
  .about-section .img {
    border-radius: 20px;
    padding-top: 50%;
  }
}
.about-section .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about-section .caption .w-btn {
  background: rgba(45, 61, 36, 0.1);
  color: #2d3d24;
  border-color: transparent;
}
.about-section .caption .w-btn:hover {
  background-color: #2d3d24;
  color: #fff;
}

.g-head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 60px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .g-head {
    margin-bottom: 30px;
  }
}
.g-head span {
  height: 40px;
  border-radius: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  background: var(--Gold, linear-gradient(270deg, rgba(201, 186, 108, 0.1) 0%, rgba(143, 132, 77, 0.1) 100%));
  color: #c9ba6c;
}
@media (max-width: 768px) {
  .g-head span {
    height: 30px;
  }
}
.g-head h4 {
  font-family: "font-bold";
  font-size: 27px;
  margin-block: 15px 0;
  color: #000;
}
@media (max-width: 768px) {
  .g-head h4 {
    font-size: 20px;
  }
}
.g-head p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
}
@media (max-width: 768px) {
  .g-head p {
    font-size: 16px;
  }
}
.g-head .w-btn {
  background: rgba(45, 61, 36, 0.1);
  color: #2d3d24;
  border-color: transparent;
}
.g-head .w-btn:hover {
  background-color: #2d3d24;
  color: #fff;
}

.services-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .services-section {
    padding-block: 30px;
  }
}
.services-section .service-item .icon {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  margin-bottom: 30px;
  border-radius: 20px;
  background: rgba(45, 61, 36, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .services-section .service-item .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
  }
  .services-section .service-item .icon img {
    width: 30px;
  }
}
.services-section .service-item h4 {
  font-size: 25px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .services-section .service-item h4 {
    font-size: 20px;
  }
}
.services-section .service-item p {
  color: rgba(0, 0, 0, 0.6);
}

.news-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .news-section {
    padding-block: 30px;
  }
}
.news-section .news-block .img {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding-top: 80%;
}
.news-section .news-block .img .full {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-section .news-block .img .watermark {
  position: absolute;
  right: 25px;
  bottom: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 60px;
  z-index: 2;
}
.news-section .news-block .img::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  z-index: 1;
}
.news-section .news-block .info {
  padding-top: 25px;
}
.news-section .news-block .info a {
 
  color: #000;
  font-size: 25px;
  font-family: "font-bold";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  max-width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.news-section .news-block .info a:hover {
  color: #2d3d24;
}
.news-section .news-block .info p {
  color: rgba(0, 0, 0, 0.6);
}

.statistics-section {
  padding-block: 70px;
  position: relative;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
@media (max-width: 768px) {
  .statistics-section {
    padding-block: 30px;
  }
}
.statistics-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: -1;
}
.statistics-section .g-head h4 {
  color: #fff;
}
.statistics-section .g-head p {
  color: rgba(255, 255, 255, 0.6);
}
.statistics-section .st-item {
  text-align: center;
}
.statistics-section .st-item .icon {
  margin: 0 auto 25px;
  width: 100px;
  height: 100px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .statistics-section .st-item .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-bottom: 10px;
  }
}
.statistics-section .st-item .icon img {
  filter: brightness(0) invert(1);
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .statistics-section .st-item .icon img {
    width: 30px;
  }
}
.statistics-section .st-item h4 {
  color: #fff;
}
.statistics-section .st-item span {
  color: rgba(255, 255, 255, 0.6);
}

.why-us-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .why-us-section {
    padding-block: 30px;
  }
}
.why-us-section .row {
  align-items: center;
  flex-direction: row-reverse;
}
.why-us-section .img {
  border-radius: 40px;
  overflow: hidden;
  padding-top: 70%;
  position: relative;
}
@media (max-width: 768px) {
  .why-us-section .img {
    border-radius: 20px;
  }
}
.why-us-section .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.why-us-section .caption .w-btn {
  background: rgba(45, 61, 36, 0.1);
  color: #2d3d24;
  border-color: transparent;
}
.why-us-section .caption .w-btn:hover {
  background-color: #2d3d24;
  color: #fff;
}

.reports-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .reports-section {
    padding-block: 30px;
  }
}
.reports-section .report-block .img {
  overflow: hidden;
  position: relative;
  padding-top: 60%;
  border-radius: 20px;
}
.reports-section .report-block .img::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 1;
}
.reports-section .report-block .img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.reports-section .report-block .img .actions {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 25px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 2;
}
.reports-section .report-block .img .actions a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reports-section .report-block .img .actions a img {
  width: 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
.reports-section .report-block .info {
  padding-top: 20px;
}
.reports-section .report-block .info p {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 10px;
}
.reports-section .report-block .info a {
  color: #000;
  font-family: "font-bold";
  font-size: 20px;
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
}

.contact-us-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .contact-us-section {
    padding-block: 30px;
  }
}
.contact-us-section .form {
  border-radius: 40px;
  background: #f8f8f8;
  padding: 40px;
}
@media (max-width: 768px) {
  .contact-us-section .form {
    border-radius: 20px;
    padding: 30px;
  }
}
.contact-us-section .form .form-head {
  margin-bottom: 30px;
}
.contact-us-section .form .form-head h4 {
  color: #000;
  font-family: "font-bold";
}
.contact-us-section .form .form-head p {
  color: rgba(0, 0, 0, 0.6);
}
.contact-us-section .form .form-group label {
  margin-bottom: 5px;
}
.contact-us-section .form .form-group .form-control {
  border-radius: 20px;
  border: 1.5px solid #eee;
  background: #fff;
  height: 60px;
  padding: 5px 20px 0;
  box-shadow: none;
  transition: 0.3s;
  font-size: 20px;
}
@media (max-width: 768px) {
  .contact-us-section .form .form-group .form-control {
    height: 50px;
    font-size: 16px;
    border-radius: 10px;
  }
}
.contact-us-section .form .form-group .form-control:focus {
  border-color: #2d3d24;
}
.contact-us-section .form .form-group textarea.form-control {
  height: 170px;
  padding: 20px;
}
.contact-us-section .form .form-group .w-btn {
  width: 100%;
}
.contact-us-section .form-img {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  padding: 120px;
  height: 100%;
}
@media (max-width: 768px) {
  .contact-us-section .form-img {
    padding: 30px;
  }
}
.contact-us-section .form-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
}
.contact-us-section .form-img ul {
  position: relative;
  z-index: 2;
}
.contact-us-section .form-img ul li {
  margin-bottom: 80px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 768px) {
  .contact-us-section .form-img ul li {
    margin-bottom: 30px;
  }
}
.contact-us-section .form-img ul li .icon {
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.1);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .contact-us-section .form-img ul li .icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }
}
.contact-us-section .form-img ul li .icon img {
  width: 25px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .contact-us-section .form-img ul li .icon img {
    width: 15px;
  }
}
.contact-us-section .form-img ul li h4,
.contact-us-section .form-img ul li span {
  color: #fff;
  font-size: 18px;
}
@media (max-width: 768px) {
  .contact-us-section .form-img ul li h4,
  .contact-us-section .form-img ul li span {
    font-size: 16px;
  }
}
.contact-us-section .form-img ul li span {
  display: inline-block;
  direction: ltr;
}
.contact-us-section .form-img ul li:last-child {
  margin-bottom: 0;
}

.main-footer {
  margin-top: 70px;
}
@media (max-width: 768px) {
  .main-footer {
    margin-top: 30px;
  }
}
.main-footer .top {
  padding-block: 50px;
  background-color: #2d3d24;
}
.main-footer .top .info p {
  color: rgba(255, 255, 255, 0.8);
  margin-block: 20px;
}
.main-footer .top .info .socials {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-footer .top .info .socials a img {
  width: 25px;
  -o-object-fit: contain;
  object-fit: contain;
}
.main-footer .top .links {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .main-footer .top .links {
    justify-content: space-between;
  }
}
.main-footer .top .links ul li {
  margin-bottom: 15px;
}
.main-footer .top .links ul li a {
  color: #fff;
  transition: 0.3s;
}
.main-footer .top .links ul li a:hover {
  padding-inline: 5px;
}
.main-footer .top h4 {
  font-family: "font-bold";
  color: #fff;
  font-size: 24px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .main-footer .top h4 {
    font-size: 20px;
  }
}
.main-footer .top .co-links ul li {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-footer .top .co-links ul li i {
  min-width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-footer .top .co-links ul li i img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
}
.main-footer .top .co-links ul li a {
  color: #fff;
  direction: ltr;
}
.main-footer .bottom {
  text-align: center;
  background-color: #26331e;
  padding-block: 20px;
}
.main-footer .bottom p {
  color: #fff;
}

.breadcrumb-section {
  padding-block: 150px 0;
}
@media (max-width: 768px) {
  .breadcrumb-section {
    padding-block: 120px 0;
  }
}
.breadcrumb-section a {
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  .breadcrumb-section a {
    font-size: 14px;
  }
}
.breadcrumb-section h2 {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .breadcrumb-section h2 {
    font-size: 20px;
  }
}

.about-blocks-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .about-blocks-section {
    padding-block: 50px;
  }
}
.about-blocks-section .row {
  row-gap: 50px;
}
.about-blocks-section .block {
  border-radius: 40px;
  background: #f9f9fa;
  padding: 35px;
  text-align: center;
  height: 100%;
}
@media (max-width: 768px) {
  .about-blocks-section .block {
    padding: 20px;
  }
}
.about-blocks-section .block .icon {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  background: #eaece9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -80px auto 30px;
}
@media (max-width: 768px) {
  .about-blocks-section .block .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin: -40px auto 20px;
  }
}
.about-blocks-section .block .icon img {
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .about-blocks-section .block .icon img {
    width: 20px;
  }
}
.about-blocks-section .block h4 {
  margin-bottom: 10px;
}
.about-blocks-section .block p {
  color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 768px) {
  .team-section {
    padding-block: 30px;
  }
}
.team-section .swiper {
  position: relative;
  cursor: grab;
}
@media (max-width: 768px) {
  .team-section .swiper {
    padding-inline: 20px;
  }
}
.team-section .swiper::before, .team-section .swiper::after {
  content: "";
  background: linear-gradient(270deg, #ffffff, transparent);
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
  height: 100%;
  z-index: 2;
}
@media (max-width: 768px) {
  .team-section .swiper::before, .team-section .swiper::after {
    display: none;
  }
}
.team-section .swiper::after {
  left: 0;
  right: auto;
  background: linear-gradient(90deg, #ffffff, transparent);
  z-index: 1;
}
.team-section .member {
  border-radius: 40px;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.team-section .member::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  transition: 0.3s;
  opacity: 0;
}
.team-section .member > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.team-section .member a {
  position: absolute;
  left: 30px;
  top: 30px;
  background-color: #fff;
  color: #000;
  border: 0;
  min-width: 100px;
  transition: 0.3s;
}
.team-section .member a img {
  margin-top: -10px;
}
.team-section .member .info {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  background: #2c3d24;
  border-top-left-radius: 10px;
  opacity: 0;
}
.team-section .member:hover .info{
  opacity: 1;
  transition: ease-in-out 0.3s;
}
.team-section .member .w-btn{
  opacity: 0;
  transition: ease-in-out 0.3s;
}
.team-section .member:hover .w-btn{
  opacity: 1;
  transition: ease-in-out 0.3s;
}
.team-section .member .info h4 {
  color: #fff;
  font-size: 1em;
}
.team-section .member .info span {
  color: rgba(255, 255, 255, 0.8);
}
.team-section .swiper-slide-active .member::before {
  opacity: 1;
}
.team-section .swiper-slide-active .member a {
  opacity: 1;
  visibility: visible;
}
.team-section .swiper-slide-active .member .info {
  opacity: 1;
  visibility: visible;
}

.single-news-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .single-news-section {
    padding-block: 30px;
  }
}
.single-news-section .img {
  position: relative;
  overflow: hidden;
  border-radius: 40px;
  padding-top: 30%;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .single-news-section .img {
    border-radius: 20px;
    padding-top: 50%;
    margin-bottom: 40px;
  }
}
.single-news-section .img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
}
.single-news-section .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.single-news-section h1 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .single-news-section h1 {
    font-size: 20px;
  }
}
.single-news-section p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .single-news-section p {
    font-size: 16px;
  }
}
.single-news-section ul li {
  margin-bottom: 10px;
  font-size: 20px;
}
@media (max-width: 768px) {
  .single-news-section ul li {
    font-size: 16px;
  }
}

.privacy-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .privacy-section {
    padding-block: 30px;
  }
}
.privacy-section ol {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
.privacy-section ol > li {
  margin-bottom: 50px;
  font-family: "font-bold";
  font-size: 25px;
}
@media (max-width: 768px) {
  .privacy-section ol > li {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.privacy-section ol > li p {
  font-family: "font-regular";
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 768px) {
  .privacy-section ol > li p {
    font-size: 16px;
  }
}
.privacy-section ol > li:last-child {
  margin-bottom: 0;
}
.privacy-section ol ul {
  list-style: disc;
  padding-inline-start: 40px;
  margin-top: 10px;
}
.privacy-section ol ul li {
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "font-regular";
}
@media (max-width: 768px) {
  .privacy-section ol ul li {
    font-size: 16px;
  }
}
.privacy-section ol ul li:last-child {
  margin-bottom: 0;
}/**************************/
@font-face {
  font-family: "font-regular";
  src: url("../fonts/harir.otf");
}
@font-face {
  font-family: "font-bold";
  src: url("../fonts/harir-bold.otf");
}
/*************************/
html, html body {
  font-family: "font-regular", sans-serif;
  transition: 0.3s;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
  height: 100%;
  scroll-behavior: smooth;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  font-size: 18px;
  color: #000;
}
@media (max-width: 768px) {
  html, html body {
    font-size: 14px;
  }
}
html body {
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}
html body.modal-open, html body.swal2-shown {
  padding: 0 !important;
  overflow-y: auto !important;
}
html body ::-moz-selection {
  background-color: #2d3d24;
  color: #fff;
}
html body ::selection {
  background-color: #2d3d24;
  color: #fff;
}
html body ul {
  list-style: none;
}
html body a,
html body a:hover,
html body a:visited,
html body a:link {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
html body article,
html body aside,
html body details,
html body figcaption,
html body figure,
html body footer,
html body header,
html body hgroup,
html body menu,
html body nav,
html body section {
  display: block;
}
html body div, html body body div,
html body span,
html body body span,
html body object,
html body body object,
html body iframe,
html body body iframe,
html body h1,
html body body h1,
html body h2,
html body body h2,
html body h3,
html body body h3,
html body h4,
html body body h4,
html body h5,
html body body h5,
html body h6,
html body body h6,
html body p,
html body body p,
html body blockquote,
html body body blockquote,
html body pre,
html body body pre,
html body abbr,
html body body abbr,
html body address,
html body body address,
html body cite,
html body body cite,
html body code,
html body body code,
html body del,
html body body del,
html body dfn,
html body body dfn,
html body em,
html body body em,
html body img,
html body body img,
html body ins,
html body body ins,
html body kbd,
html body body kbd,
html body q,
html body body q,
html body samp,
html body body samp,
html body small,
html body body small,
html body strong,
html body body strong,
html body sub,
html body body sub,
html body sup,
html body body sup,
html body var,
html body body var,
html body b,
html body body b,
html body i,
html body body i,
html body dl,
html body body dl,
html body dt,
html body body dt,
html body dd,
html body body dd,
html body ol,
html body body ol,
html body ul,
html body body ul,
html body li,
html body body li,
html body fieldset,
html body body fieldset,
html body form,
html body body form,
html body label,
html body body label,
html body legend,
html body body legend,
html body table,
html body body table,
html body caption,
html body body caption,
html body tbody,
html body body tbody,
html body tfoot,
html body body tfoot,
html body thead,
html body body thead,
html body tr,
html body body tr,
html body th,
html body body th,
html body td,
html body body td,
html body article,
html body body article,
html body aside,
html body body aside,
html body canvas,
html body body canvas,
html body details,
html body body details,
html body figcaption,
html body body figcaption,
html body figure,
html body body figure,
html body footer,
html body body footer,
html body header,
html body body header,
html body hgroup,
html body body hgroup,
html body menu,
html body body menu,
html body nav,
html body body nav,
html body section,
html body body section,
html body summary,
html body body summary,
html body time,
html body body time,
html body mark,
html body body mark,
html body audio,
html body body audio,
html body video,
html body body video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.3;
}
html body textarea {
  resize: none;
}
html body p {
  line-height: 1.7;
}
html body button {
  box-shadow: none;
  outline: none;
}

.dropdown .dropdown-toggle {
  padding: 0;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}
.dropdown .dropdown-toggle::after {
  margin: 0;
  border: 0;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #000;
  width: 6px;
  height: 6px;
  rotate: 135deg;
}
.dropdown .dropdown-menu {
  text-align: initial;
  padding: 15px;
  min-width: 180px;
  border-radius: 20px;
  border: 0;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}
.dropdown .dropdown-menu a {
  padding: 10px;
  transition: 0.3s;
  display: flex;
  border-radius: 50px;
}
.dropdown .dropdown-menu a:hover {
  padding-inline: 20px;
}

.row {
  row-gap: 24px;
}

.toggle-scroll-top {
  position: fixed;
  right: -70px;
  bottom: 30px;
  z-index: 999;
  background-color: #2d3d24;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  box-shadow: 0 0 0 1px #fff;
  border: 0;
}
@media (max-width: 768px) {
  .toggle-scroll-top {
    width: 40px;
    height: 40px;
  }
}
[dir=ltr] .toggle-scroll-top {
  left: -70px;
  right: auto;
}
.toggle-scroll-top img {
  filter: invert(1);
}
.toggle-scroll-top.active {
  right: 30px;
}
[dir=ltr] .toggle-scroll-top.active {
  left: 30px;
  right: auto;
}

.menu-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  width: 300px;
  background: #fff;
  z-index: 10;
  padding: 30px 20px;
  transition: 0.3s;
  translate: -120% 0;
}
.menu-sidebar.active {
  translate: 0 0;
}
.menu-sidebar .close-menu-sidebar {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 30px;
}
.menu-sidebar .top {
  background-color: #2d3d24;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 12px;
  display: none;
}
@media (max-width: 625px) {
  .menu-sidebar .top {
    display: block;
  }
}
.menu-sidebar .top ul {
  margin-bottom: 20px;
}
.menu-sidebar .top ul li {
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
}
.menu-sidebar .top ul li a {
  vertical-align: middle;
  color: inherit;
  direction: ltr;
  display: inline-flex;
  transition: 0.3s;
}
.menu-sidebar .top ul li a:hover {
  color: #2d3d24;
}
.menu-sidebar .top .w-btn {
  border-color: #fff;
  color: #fff;
  width: 100%;
}
.menu-sidebar .menu {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.menu-sidebar .menu a {
  color: #2d3d24;
  font-size: 18px;
  font-weight: 700;
}
.menu-sidebar .menu .dropdown .dropdown-toggle {
  justify-content: space-between;
  width: 100%;
}
.menu-sidebar .menu .dropdown .dropdown-menu {
  width: 100%;
  box-shadow: none;
  border: 1px solid #dfdfdf;
  position: unset !important;
  transform: none !important;
  margin-top: 20px !important;
  border-radius: 10px;
}

.overlay-s {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.87);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.overlay-s.active {
  opacity: 1;
  visibility: visible;
}

.swiper-pagination {
  bottom: 40px !important;
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.2);
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50px;
  opacity: 1;
  transition: 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
  width: 20px;
}

@media (max-width: 768px) {
  [data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transform: none;
  }
}

.w-btn {
  height: 50px;
  border-radius: 15px;
  background-color: #2d3d24;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-family: "font-bold";
  padding: 0 20px;
  min-width: 160px;
  border: 1px solid #2d3d24;
  transition: 0.3s;
  font-size: 20px;
  padding-top: 6px;
}
@media (max-width: 768px) {
  .w-btn {
    height: 35px;
    font-size: 13px;
    padding-inline: 10px;
    min-width: 100px;
    border-radius: 6px;
  }
}
.w-btn.outline {
  background-color: transparent;
  color: #2d3d24;
}
.w-btn:hover {
  background-color: #fff;
  color: #2d3d24;
}

.main-head {
  padding-block: 30px;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  transition: 0.3s;
}
.main-head .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 768px) {
  .main-head .menu {
    display: none;
  }
}
.main-head .menu ul {
  display: flex;
  align-items: center;
  gap: 60px;
}
.main-head .menu ul li a {
  color: #fff;
  font-size: 20px;
  position: relative;
  display: flex;
}
.main-head .menu ul li a::after {
  content: "";
  position: absolute;
  left: 50%;
  translate: -50% 0;
  bottom: -10px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #fff;
  transition: 0.3s;
  opacity: 0;
}
.main-head .menu ul li.active a::after, .main-head .menu ul li:hover a::after {
  bottom: -5px;
  opacity: 1;
}
.main-head .actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-head .actions .toggle-menu-sidebar {
  padding: 0;
  background-color: transparent;
  border: none;
  display: none;
}
@media (max-width: 768px) {
  .main-head .actions .toggle-menu-sidebar {
    display: block;
  }
}
.main-head.inner-head .logo img {
  filter: invert(1);
}
.main-head.inner-head .menu ul li a {
  color: #000;
}
.main-head.inner-head .menu ul li a::after {
  background-color: #000;
}
.main-head.inner-head .actions .toggle-menu-sidebar img {
  filter: brightness(0);
}
.main-head.scroll-up {
  background: #fff;
  padding-block: 15px;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
}
.main-head.scroll-up .logo img {
  filter: invert(1);
}
.main-head.scroll-up .menu ul li a {
  color: #000;
}
.main-head.scroll-up .menu ul li a::after {
  background-color: #000;
}
.main-head.scroll-down {
  top: -120px;
}

.caption span {
  height: 40px;
  border-radius: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  background: var(--Gold, linear-gradient(270deg, rgba(201, 186, 108, 0.1) 0%, rgba(143, 132, 77, 0.1) 100%));
  color: #c9ba6c;
}
@media (max-width: 768px) {
  .caption span {
    height: 30px;
  }
}
.caption h3 {
  font-family: "font-bold";
  font-size: 35px;
  margin-block: 25px 10px;
  color: #000;
}
@media (max-width: 768px) {
  .caption h3 {
    font-size: 25px;
  }
}
.caption p {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 20px;
  font-size: 20px;
}
@media (max-width: 768px) {
  .caption p {
    font-size: 16px;
  }
}
.caption div {
  display: flex;
  align-items: center;
  gap: 20px;
}

.hero-section {
  background-color: #000;
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .hero-section {
    margin-bottom: 40px;
  }
}
.hero-section .item {
  position: relative;
  padding-block: 140px 50px;
}
@media (max-width: 768px) {
  .hero-section .item {
    padding-block: 140px 100px;
  }
}
.hero-section .item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: -1;
}
.hero-section .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: -2;
}
.hero-section .item .row {
  flex-direction: row-reverse;
  align-items: center;
}
.hero-section .item .images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(10, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  direction: ltr;
}
@media (max-width: 768px) {
  .hero-section .item .images {
    grid-template-rows: repeat(9, 1fr);
  }
}
.hero-section .item .images div {
  position: relative;
  padding-top: 140%;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hero-section .item .images div {
    padding-top: 100%;
  }
}
.hero-section .item .images div img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-section .item .images div.img1 {
  grid-area: 1/3/5/5;
}
.hero-section .item .images div.img2 {
  grid-area: 5/3/9/5;
}
.hero-section .item .images div.img3 {
  grid-area: 2/1/6/3;
}
.hero-section .item .images div.img4 {
  grid-area: 6/1/10/3;
}
.hero-section .item .caption span {
  background: var(--Gold, linear-gradient(270deg, rgba(201, 186, 108, 0.1) 0%, rgba(143, 132, 77, 0.1) 100%));
}
.hero-section .item .caption h3 {
  color: #fff;
}
.hero-section .item .caption p {
  color: rgba(255, 255, 255, 0.6);
}
.hero-section .item .caption div .w-btn.play {
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}
.hero-section .item .caption div .w-btn.play img {
  margin-top: -11px;
  transition: 0.3s;
}
.hero-section .item .caption div .w-btn.play:hover {
  background-color: #fff;
}
.hero-section .item .caption div .w-btn.play:hover img {
  filter: brightness(0);
}

.about-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .about-section {
    padding-block: 30px;
  }
}
.about-section .row {
  align-items: center;
}
.about-section .img {
  border-radius: 40px;
  overflow: hidden;
  padding-top: 70%;
  position: relative;
}
@media (max-width: 768px) {
  .about-section .img {
    border-radius: 20px;
    padding-top: 50%;
  }
}
.about-section .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about-section .caption .w-btn {
  background: rgba(45, 61, 36, 0.1);
  color: #2d3d24;
  border-color: transparent;
}
.about-section .caption .w-btn:hover {
  background-color: #2d3d24;
  color: #fff;
}

.g-head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 60px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .g-head {
    margin-bottom: 30px;
  }
}
.g-head span {
  height: 40px;
  border-radius: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  background: var(--Gold, linear-gradient(270deg, rgba(201, 186, 108, 0.1) 0%, rgba(143, 132, 77, 0.1) 100%));
  color: #c9ba6c;
}
@media (max-width: 768px) {
  .g-head span {
    height: 30px;
  }
}
.g-head h4 {
  font-family: "font-bold";
  font-size: 27px;
  margin-block: 15px 0;
  color: #000;
}
@media (max-width: 768px) {
  .g-head h4 {
    font-size: 20px;
  }
}
.g-head p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
}
@media (max-width: 768px) {
  .g-head p {
    font-size: 16px;
  }
}
.g-head .w-btn {
  background: rgba(45, 61, 36, 0.1);
  color: #2d3d24;
  border-color: transparent;
}
.g-head .w-btn:hover {
  background-color: #2d3d24;
  color: #fff;
}

.services-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .services-section {
    padding-block: 30px;
  }
}
.services-section .service-item .icon {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  margin-bottom: 30px;
  border-radius: 20px;
  background: rgba(45, 61, 36, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .services-section .service-item .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
  }
  .services-section .service-item .icon img {
    width: 30px;
  }
}
.services-section .service-item h4 {
  font-size: 25px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .services-section .service-item h4 {
    font-size: 20px;
  }
}
.services-section .service-item p {
  color: rgba(0, 0, 0, 0.6);
}

.news-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .news-section {
    padding-block: 30px;
  }
}
.news-section .news-block .img {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding-top: 80%;
}
.news-section .news-block .img .full {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-section .news-block .img .watermark {
  position: absolute;
  right: 25px;
  bottom: 25px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 60px;
  z-index: 2;
}
.news-section .news-block .img::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  z-index: 1;
}
.news-section .news-block .info {
  padding-top: 25px;
}
.news-section .news-block .info a {
  color: #000;
  font-size: 25px;
  font-family: "font-bold";
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.news-section .news-block .info a:hover {
  color: #2d3d24;
}
.news-section .news-block .info p {
  color: rgba(0, 0, 0, 0.6);
}

.statistics-section {
  padding-block: 70px;
  position: relative;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
@media (max-width: 768px) {
  .statistics-section {
    padding-block: 30px;
  }
}
.statistics-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: -1;
}
.statistics-section .g-head h4 {
  color: #fff;
}
.statistics-section .g-head p {
  color: rgba(255, 255, 255, 0.6);
}
.statistics-section .st-item {
  text-align: center;
}
.statistics-section .st-item .icon {
  margin: 0 auto 25px;
  width: 100px;
  height: 100px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .statistics-section .st-item .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-bottom: 10px;
  }
}
.statistics-section .st-item .icon img {
  filter: brightness(0) invert(1);
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .statistics-section .st-item .icon img {
    width: 30px;
  }
}
.statistics-section .st-item h4 {
  color: #fff;
}
.statistics-section .st-item span {
  color: rgba(255, 255, 255, 0.6);
}

.why-us-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .why-us-section {
    padding-block: 30px;
  }
}
.why-us-section .row {
  align-items: center;
  flex-direction: row-reverse;
}
.why-us-section .img {
  border-radius: 40px;
  overflow: hidden;
  padding-top: 70%;
  position: relative;
}
@media (max-width: 768px) {
  .why-us-section .img {
    border-radius: 20px;
  }
}
.why-us-section .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.why-us-section .caption .w-btn {
  background: rgba(45, 61, 36, 0.1);
  color: #2d3d24;
  border-color: transparent;
}
.why-us-section .caption .w-btn:hover {
  background-color: #2d3d24;
  color: #fff;
}

.reports-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .reports-section {
    padding-block: 30px;
  }
}
.reports-section .report-block .img {
  overflow: hidden;
  position: relative;
  padding-top: 60%;
  border-radius: 20px;
}
.reports-section .report-block .img::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 1;
}
.reports-section .report-block .img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.reports-section .report-block .img .actions {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 25px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 2;
}
.reports-section .report-block .img .actions a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reports-section .report-block .img .actions a img {
  width: 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
.reports-section .report-block .info {
  padding-top: 20px;
}
.reports-section .report-block .info p {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 10px;
}
.reports-section .report-block .info a {
  color: #000;
  font-family: "font-bold";
  font-size: 20px;
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  gap: 8px;
  color: #555;
}

.breadcrumb a {
  color: #007bff;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb .separator {
  color: #999;
}

.breadcrumb .current {
  color: #333;
  font-weight: bold;
}


.contact-us-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .contact-us-section {
    padding-block: 30px;
  }
}
.contact-us-section .form {
  border-radius: 40px;
  background: #f8f8f8;
  padding: 40px;
}
@media (max-width: 768px) {
  .contact-us-section .form {
    border-radius: 20px;
    padding: 30px;
  }
}
.contact-us-section .form .form-head {
  margin-bottom: 30px;
}
.contact-us-section .form .form-head h4 {
  color: #000;
  font-family: "font-bold";
}
.contact-us-section .form .form-head p {
  color: rgba(0, 0, 0, 0.6);
}
.contact-us-section .form .form-group label {
  margin-bottom: 5px;
}
.contact-us-section .form .form-group .form-control {
  border-radius: 20px;
  border: 1.5px solid #eee;
  background: #fff;
  height: 60px;
  padding: 5px 20px 0;
  box-shadow: none;
  transition: 0.3s;
  font-size: 20px;
}
@media (max-width: 768px) {
  .contact-us-section .form .form-group .form-control {
    height: 50px;
    font-size: 16px;
    border-radius: 10px;
  }
}
.contact-us-section .form .form-group .form-control:focus {
  border-color: #2d3d24;
}
.contact-us-section .form .form-group textarea.form-control {
  height: 170px;
  padding: 20px;
}
.contact-us-section .form .form-group .w-btn {
  width: 100%;
}
.contact-us-section .form-img {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  padding: 120px;
  height: 100%;
}
@media (max-width: 768px) {
  .contact-us-section .form-img {
    padding: 30px;
  }
}
.contact-us-section .form-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
}
.contact-us-section .form-img ul {
  position: relative;
  z-index: 2;
}
.contact-us-section .form-img ul li {
  margin-bottom: 80px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 768px) {
  .contact-us-section .form-img ul li {
    margin-bottom: 30px;
  }
}
.contact-us-section .form-img ul li .icon {
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.1);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .contact-us-section .form-img ul li .icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }
}
.contact-us-section .form-img ul li .icon img {
  width: 25px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .contact-us-section .form-img ul li .icon img {
    width: 15px;
  }
}
.contact-us-section .form-img ul li h4,
.contact-us-section .form-img ul li span {
  color: #fff;
  font-size: 18px;
}
@media (max-width: 768px) {
  .contact-us-section .form-img ul li h4,
  .contact-us-section .form-img ul li span {
    font-size: 16px;
  }
}
.contact-us-section .form-img ul li span {
  display: inline-block;
  direction: ltr;
}
.contact-us-section .form-img ul li:last-child {
  margin-bottom: 0;
}

.main-footer {
  margin-top: 70px;
}
@media (max-width: 768px) {
  .main-footer {
    margin-top: 30px;
  }
}
.main-footer .top {
  padding-block: 50px;
  background-color: #2d3d24;
}
.main-footer .top .info p {
  color: rgba(255, 255, 255, 0.8);
  margin-block: 20px;
}
.main-footer .top .info .socials {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-footer .top .info .socials a img {
  width: 25px;
  -o-object-fit: contain;
  object-fit: contain;
}
.main-footer .top .links {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .main-footer .top .links {
    justify-content: space-between;
  }
}
.main-footer .top .links ul li {
  margin-bottom: 15px;
}
.main-footer .top .links ul li a {
  color: #fff;
  transition: 0.3s;
}
.main-footer .top .links ul li a:hover {
  padding-inline: 5px;
}
.main-footer .top h4 {
  font-family: "font-bold";
  color: #fff;
  font-size: 24px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .main-footer .top h4 {
    font-size: 20px;
  }
}
.main-footer .top .co-links ul li {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-footer .top .co-links ul li i {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-footer .top .co-links ul li i img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
}
.main-footer .top .co-links ul li a {
  color: #fff;
  direction: ltr;
}
.main-footer .bottom {
  text-align: center;
  background-color: #26331e;
  padding-block: 20px;
}
.main-footer .bottom p {
  color: #fff;
}

.breadcrumb-section {
  padding-block: 150px 0;
}
@media (max-width: 768px) {
  .breadcrumb-section {
    padding-block: 120px 0;
  }
}
.breadcrumb-section a {
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
  .breadcrumb-section a {
    font-size: 14px;
  }
}
.breadcrumb-section h2 {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .breadcrumb-section h2 {
    font-size: 20px;
  }
}

.about-blocks-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .about-blocks-section {
    padding-block: 50px;
  }
}
.about-blocks-section .row {
  row-gap: 50px;
}
.about-blocks-section .block {
  border-radius: 40px;
  background: #f9f9fa;
  padding: 35px;
  text-align: center;
  height: 100%;
}
@media (max-width: 768px) {
  .about-blocks-section .block {
    padding: 20px;
  }
}
.about-blocks-section .block .icon {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  background: #eaece9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -80px auto 30px;
}
@media (max-width: 768px) {
  .about-blocks-section .block .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin: -40px auto 20px;
  }
}
.about-blocks-section .block .icon img {
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .about-blocks-section .block .icon img {
    width: 20px;
  }
}
.about-blocks-section .block h4 {
  margin-bottom: 10px;
}
.about-blocks-section .block p {
  color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 768px) {
  .team-section {
    padding-block: 30px;
  }
}
.team-section .swiper {
  position: relative;
  cursor: grab;
}
@media (max-width: 768px) {
  .team-section .swiper {
    padding-inline: 20px;
  }
}
.team-section .swiper::before, .team-section .swiper::after {
  content: "";
  background: linear-gradient(270deg, #ffffff, transparent);
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
  height: 100%;
  z-index: 2;
}
@media (max-width: 768px) {
  .team-section .swiper::before, .team-section .swiper::after {
    display: none;
  }
}
.team-section .swiper::after {
  left: 0;
  right: auto;
  background: linear-gradient(90deg, #ffffff, transparent);
  z-index: 1;
}
.team-section .member {
  border-radius: 40px;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.team-section .member::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  transition: 0.3s;
  opacity: 0;
}
.team-section .member > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.team-section .member a {
  position: absolute;
  left: 30px;
  top: 30px;
  background-color: #fff;
  color: #000;
  border: 0;
  min-width: 100px;
  transition: 0.3s;
}
.team-section .member a img {
  margin-top: -10px;
}
.team-section .member .info {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  background: #2c3d24;
  border-top-left-radius: 10px;
  opacity: 0;
}
.team-section .member:hover .info{
  opacity: 1;
  transition: ease-in-out 0.3s;
}
.team-section .member .w-btn{
  opacity: 0;
  transition: ease-in-out 0.3s;
}
.team-section .member:hover .w-btn{
  opacity: 1;
  transition: ease-in-out 0.3s;
}
.team-section .member .info h4 {
  color: #fff;
  font-size: 1em;
}
.team-section .member .info span {
  color: rgba(255, 255, 255, 0.8);
}
.team-section .swiper-slide-active .member::before {
  opacity: 1;
}
.team-section .swiper-slide-active .member a {
  opacity: 1;
  visibility: visible;
}
.team-section .swiper-slide-active .member .info {
  opacity: 1;
  visibility: visible;
}

.menu-sidebar .menu a {
  display: block;
  padding: 15px 20px;
  font-size: 20px;
  color: #1a3317;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover effect */
.menu-sidebar .menu a:hover {
  background-color: #e6eee8;
  color: #000;
}

/* Active link */
.menu-sidebar .menu a.active {
  background-color: #1a3317;
  color: #fff;
  font-weight: bold;
}


.single-news-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .single-news-section {
    padding-block: 30px;
  }
}
.single-news-section .img {
  position: relative;
  overflow: hidden;
  border-radius: 40px;
  padding-top: 30%;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .single-news-section .img {
    border-radius: 20px;
    padding-top: 50%;
    margin-bottom: 40px;
  }
}
.single-news-section .img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
}
.single-news-section .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.single-news-section h1 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .single-news-section h1 {
    font-size: 20px;
  }
}
.single-news-section p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .single-news-section p {
    font-size: 16px;
  }
}
.single-news-section ul li {
  margin-bottom: 10px;
  font-size: 20px;
}
@media (max-width: 768px) {
  .single-news-section ul li {
    font-size: 16px;
  }
}

.privacy-section {
  padding-block: 70px;
}
@media (max-width: 768px) {
  .privacy-section {
    padding-block: 30px;
  }
}
.privacy-section ol {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}
.privacy-section ol > li {
  margin-bottom: 50px;
  font-family: "font-bold";
  font-size: 25px;
}
@media (max-width: 768px) {
  .privacy-section ol > li {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.privacy-section ol > li p {
  font-family: "font-regular";
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 768px) {
  .privacy-section ol > li p {
    font-size: 16px;
  }
}
.privacy-section ol > li:last-child {
  margin-bottom: 0;
}
.privacy-section ol ul {
  list-style: disc;
  padding-inline-start: 40px;
  margin-top: 10px;
}
.privacy-section ol ul li {
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "font-regular";
}
@media (max-width: 768px) {
  .privacy-section ol ul li {
    font-size: 16px;
  }
}
.privacy-section ol ul li:last-child {
  margin-bottom: 0;

}



/* Reports section fix */
.reports-section .report-block {
  height: 100%;
}

.reports-section .report-block .info {
  padding-top: 18px;
}

.reports-section .report-block .info a {
  display: block;
  line-height: 1.8;
  margin-bottom: 12px;
  font-weight: 700;
  white-space: normal;
  word-break: break-word;
}

.reports-section .report-block .info p {
  line-height: 1.9;
  margin-bottom: 0;
  white-space: normal;
}

.reports-section .row {
  row-gap: 30px;
}

/* Reports section fix */
.reports-section .report-block {
  height: 100%;
}

.reports-section .report-block .info {
  padding-top: 18px;
}

.reports-section .report-block .info a {
  display: block !important;
  line-height: 1.8 !important;
  margin-bottom: 12px !important;
  font-weight: 700;
  white-space: normal !important;
  word-break: break-word !important;
}

.reports-section .report-block .info p {
  line-height: 1.9 !important;
  margin-bottom: 0 !important;
  white-space: normal !important;
}

.reports-section .row {
  row-gap: 30px;
}