@import url("https://fonts.googleapis.com/css2?family=Bellefair&family=Lato:wght@100;300;400;700;900&display=swap");

body {
  font-family: "Lato";
}

.container {
  max-width: 1260px !important;
}
.header-contains {
  position: absolute;
  z-index: 9;
  width: 100%;
}
.header-top {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.3rem;
}
.header-top-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-top-left {
  display: flex;
  align-items: center;
}

.header-top-left > div {
  margin-right: 1rem;
}

.header-top-left-wrapper > span,
.header-top-right-social > span {
  color: #fff;
  font-weight: 400;
}
.header-top-left-wrapper > i,
.header-top-right-social > i {
  color: #8c7156;
}

.header-top-right-social {
  display: flex;
  align-items: center;
}

.header-top-right-social > span,
.header-top-right-social > i {
  margin-right: 1rem;
}

/* 
.slick-slider-wrapper > .slick-dots {
  display: none !important;
}
.slick-dots {
  display: none !important;
}
.vertical-slider {
  padding: 7.5em 0;
}


 */

.slider-title {
  font-size: 26px;
  color: #5f6163;
  font-weight: 400;
  margin-bottom: 2rem;
  font-family: "Bellefair", serif;
}

.item > img {
  width: 100%;
  position: relative;
}

.slick-next,
.slick-prev {
  display: none !important;
}

.slider-wrapper {
  position: relative;
}

.vertical-slider {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100% !important;
  padding: 5rem;
  transform: translateY(-50%);
}

.item > span {
  font-size: 3rem;
  color: #fff;
  font-family: "Bellefair", serif;
}
.slider-btn > a {
  letter-spacing: 2px;
  font-weight: bold;
  color: #8c7156;
  padding-left: 4rem;
  font-size: 16px;
  position: relative;
  transition: 0.5s ease-in-out;
}
.slider-btn > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
  height: 1%;
  background-color: #8c7156;
  transition: 0.5s ease-in-out;
}
.slider-btn > a:hover {
  color: #fff;
}
.slider-btn > a:hover::before {
  left: 30%;
  width: 0;
  background-color: #fff;
}
.slider-wrapper .slick-dots {
  display: none !important;
}

.vertical-slider .slick-dots {
  display: block !important;
}

ul.slick-dots > li > button {
  font-size: 0;
  border: none;
  height: 3px;
  width: 31px;
  transform: rotate(90deg);
  background: rgba(0, 0, 0, 0.5);
  outline: 0 !important;
  transition: 0.3s ease-in-out;
}
ul.slick-dots > li > button:hover {
  background-color: #fff;
}
ul.slick-dots > li.slick-active > button {
  background-color: #fff;
}

ul.slick-dots {
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
ul.slick-dots > li {
  margin-bottom: 1.5rem;
}

.header-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  padding-top: 0;
}

.header-bottom-left > a > img {
  width: 100%;
}

.header-bottom-left > a {
  display: flex;
  width: 100%;
}

.header-bottom-right {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.header-bottom-right .header-menu #cssmenu > ul {
  display: flex;
  align-items: center;
}

.header-bottom-right .header-menu #cssmenu > ul > li:not(:last-child) {
  margin-right: 3rem;
}
.header-bottom-right .header-menu #cssmenu > ul > li {
  position: relative;
}
.header-bottom-right .header-menu #cssmenu > ul > li > a {
  display: flex;
  font-weight: 400;
  color: #fff;
  font-size: 14px !important;
  cursor: pointer;
}
.header-bottom-right .header-menu #cssmenu > ul > li::before {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  box-shadow: 0 0 0 2px #5f6163 inset;
  bottom: -60%;
  left: 0;
  transition: 250ms cubic-bezier(0.15, 0.75, 0.5, 1);
  opacity: 0;
  visibility: hidden;
}

.header-bottom-right .header-menu #cssmenu > ul > li:hover::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.header-bottom-right .header-menu #cssmenu > ul > li.active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  box-shadow: 0 0 0 2px #5f6163 inset;
  bottom: -60%;
  left: 0;
  opacity: 1;
  visibility: visible;
}

.haeder-bottom-btn > a {
  font-size: 13px;
  font-weight: bold;
  display: flex;
  padding: 0.8rem 1.5rem;
  box-shadow: 0 0 0 1px #5f6163 inset;
  transition: all 300ms ease;
  color: #fff;
}
.haeder-bottom-btn > a:hover {
  box-shadow: 0 0 0 3em #5f6163 inset;
  color: #fff;
}

.home-top {
  display: flex;
  width: 100%;
}

.home-top > div {
  width: 50%;
}

.home-top-text-content {
  display: flex;
  flex-direction: column;
  width: 90%;
  height: 100%;
  justify-content: center;
  text-align: end;
  padding: 2.5rem;
}

.home-top-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 99;
  background-color: #fff;
  padding-top: 7.5rem;
}

.home-top-text-content > span:first-child {
  font-weight: 400;
  margin-bottom: 2rem;
  color: #8c7156;
  font-family: "Bellefair", serif;
}
.home-top-text-content > h2 {
  font-family: "Bellefair", serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}
.home-top-text-content > span:nth-child(3) {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 1.7em;
  color: #000;
  font-size: 17px;
  margin-bottom: 3rem;
}
.home-top-text-content-btn > a {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  color: #8c7156;
  letter-spacing: 2px;
  position: relative;
  padding-left: 4rem;
  transition: 0.5s ease-in-out;
}
.home-top-text-content-btn > a::before {
  content: "";
  position: absolute;
  left: -10%;
  top: 50%;
  transform: translateY(-50%);
  width: 20%;
  height: 1%;
  background-color: #8c7156;
  transition: 0.5s ease-in-out;
}

.home-top-text-content-btn > a:hover {
  color: #000;
}
.home-top-text-content-btn > a:hover::before {
  left: 10%;
  width: 0;
  background-color: #000;
}

.home-top-banner {
  display: flex;
  margin-left: -3.75rem;
  width: -webkit-calc(50% + 3.75rem);
  width: -moz-calc(50% + 3.75rem);
  width: calc(50% + 3.75rem) !important;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* margin-top: -5rem; */
  z-index: 9;
}

.home-top-text-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #3c3b3d;
  padding: 2.5rem;
}

.home-top-text-icon > img {
  width: 100%;
}

.home-services-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5rem;
}

.home-services-wrapper-top {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 40% !important;
  margin-bottom: 3rem;
}

.home-services-wrapper-top > span {
  text-align: center;
}
.home-services-wrapper-top > span:nth-child(1) {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  color: #8c7156;
  font-size: 30px;
  letter-spacing: 0.2em;
  margin-bottom: 1.5rem;
}
.home-services-wrapper-top-title {
  font-family: "Lato", serif;
  font-weight: 600;
  line-height: 1.333;
  font-size: 20px;
  color: #fff;
}
.home-services-wrapper-top-title > cite {
  font-family: "Lato", serif;
  font-weight: 600;
  line-height: 1.333;
  font-size: 30px;
  color: #8c7156;
}

.home-services-contain.container {
  display: flex;
  flex-wrap: wrap;
}

.home-services-contain.container > div {
  margin: 1rem;
  width: calc(33.333% - 2rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px dashed #555;
  overflow: hidden;
  position: relative;
  height: 282px;
  justify-content: center;
}

.home-services-content-ikon > img {
  height: 50px;
}

.home-services-content-ikon {
  display: flex;
  margin-bottom: 1.5rem;
}

.home-services-content-text {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 1rem;
  color: #999;
  font-family: "Bellefair", serif;
  font-weight: 400;
}
.home-services-content-title {
  display: flex;
  color: #fff;
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}
.home-services-wrapper {
  position: relative;
  padding: 2.5rem;
}
.home-services-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.9);
}

.home-services-wrapper-top,
.home-services-contain {
  z-index: 99;
}

.hover-banner {
  display: flex;
  width: 100%;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  transition: 0.25s ease-in-out;
}
.hover-banner .hover-banner-content {
  display: flex;
  width: 100%;
  position: relative;
}

.hover-banner .hover-banner-content > img {
  width: 100%;
}
.home-services-content-ikon,
.home-services-content-title,
.home-services-content-text {
  transition: 0.25s ease-in-out;
}
.home-services-content:hover .home-services-content-ikon,
.home-services-content:hover .home-services-content-title,
.home-services-content:hover .home-services-content-text {
  opacity: 0;
}
.home-services-content:hover .hover-banner {
  top: 0;
}

.home-services-content:hover .hover-banner .hover-banner-content::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.98)),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.98),
    transparent
  );
  background-image: -moz-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.98),
    transparent
  );
  background-image: -ms-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.98),
    transparent
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.98),
    transparent
  );
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.98), transparent);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0, 0, 0, 0.98)',endColorStr='rgba(0, 0, 0, 0)');
}
.hover-banner-content-btn {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
}
.hover-banner-content-btn > a {
  display: flex;
  padding: 1rem 2rem;
  border-radius: 15px;
  background-color: #d5aa6d;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#d5aa6d),
    to(#9b6f45)
  );
  background-image: -webkit-linear-gradient(left, #d5aa6d, #9b6f45);
  box-shadow: 0 4px 7px rgb(213 170 109 / 48%);
  color: #fff;
  font-size: 15px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
}
.home-counter-wrapper-right {
  display: flex;
  margin-left: -3.75rem;
  width: -webkit-calc(50% + 3.75rem);
  width: -moz-calc(50% + 3.75rem);
  width: calc(50% + 3.75rem) !important;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -5rem;
  z-index: 9;
  align-items: center;
  justify-content: center;
  position: relative;
}

.home-counter-wrapper {
  display: flex;
  width: 100%;
  margin-top: 10rem;
}

.home-counter-wrapper-left {
  position: relative;
  width: 50%;
  background-color: #fff;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5rem;
  text-align: end;
}

.counter-slider-title {
  font-size: 2.1875rem;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Lato", sans-serif;
  color: #353535;
  margin-bottom: 2rem;
}
.counter-slider-text {
  font-weight: 400;
  margin-bottom: 2rem;
}

.counter-account-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
}

.counter-accounttext-wrapper {
  margin-right: 1.5rem;
  display: flex;
  flex-direction: column;
}

.counter-accounttext-wrapper > span:first-child {
  color: #8c7156;
}

.counter-accounttext-wrapper > span {
  font-weight: 400;
}

.counter-account-img {
  display: flex;
}

.counter-account-img > img {
  width: 100%;
}

.counter-wrapper-left-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #3c3b3d;
  padding: 2.5rem;
}

.counter-wrapper-left-title > img {
  width: 100%;
}

.counterslider {
  margin-top: 5rem;
  padding-top: 3rem;
}

.counterslider ul.slick-dots {
  left: 0;
  right: unset;
}

.counterslider ul.slick-dots > li.slick-active > button {
  background-color: #000;
}

.counterslider ul.slick-dots > li > button:hover {
  background-color: #000;
}

.counter-wrapper-right-content-ikon {
  width: 65px;
  height: 65px;
}

.counter-wrapper-right-content-ikon > img {
  width: 100%;
}

.counter-wrapper-right-contain {
  display: flex;
  width: 70%;
  flex-wrap: wrap;
  position: absolute;
  left: 10%;
}

.counter-wrapper-right-content {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: center;
}

.counter-wrapper-right-content-text {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.counter-wrapper-right-content-text > span:first-child {
  font-size: 30px;
  font-weight: 900;
}

.counter-wrapper-right-content-text > span {
  color: #fff;
  text-align: center;
  margin-bottom: 0.5rem;
  font-weight: 400;
  font-size: 20px;
}
.counter-wrapper-right-content:nth-child(2n + 1) {
  border-right: 1px solid #abb8c3;
}
.counter-wrapper-right-content:nth-child(3),
.counter-wrapper-right-content:nth-child(4) {
  border-top: 1px solid #abb8c3;
}

.contact-wrapper-image {
  display: flex;
  margin-right: -3.75rem;
  width: -webkit-calc(50% + 3.75rem);
  width: -moz-calc(50% + 3.75rem);
  width: calc(50% + 3.75rem) !important;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -5rem;
  z-index: 9;
  align-items: center;
  justify-content: center;
  position: relative;
}

.contact-form-wrapper {
  width: 50%;
  z-index: 99;
  background-color: #fff;
  padding: 2rem;
  padding-top: 5rem;
  position: relative;
}

.home-contact-wrapper {
  display: flex;
  width: 100%;
  margin-top: 7rem;
}

.contact-form-wrapper div {
  width: 100%;
}

.label-top {
  display: flex;
  align-items: center;
}

.label-top > label {
  width: calc(50% - 1rem);
  margin: 0.5rem;
}

.label-bottom {
  display: flex;
  flex-direction: column;
}

.label-bottom > label {
  width: calc(100% - 1rem);
  margin: 0.5rem;
}

.label-bottom > label > span > input,
.label-bottom > label > span > select,
.label-bottom > label > span > textarea,
.label-top > label > span > input {
  width: 100%;
  padding: 1rem;
  border: none !important;
  background-color: #f2f2f2;
  border-radius: 2px;
  outline: 0 !important;
  color: #999;
}
.submit-btn {
  margin: 0.5rem;
}

.submit-btn > input {
  border: none;
  padding: 0.6rem 2rem;
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  -webkit-box-shadow: 0 0 0 3em #5f6163 inset;
  box-shadow: 0 0 0 3em #5f6163 inset;
  transition: all 300ms ease;
  color: #fff;
}
.submit-btn > input:hover {
  -webkit-box-shadow: 0 0 0 1px #5f6163 inset;
  box-shadow: 0 0 0 1px #5f6163 inset;
  color: #5f6163 !important;
  background-color: transparent;
}

.submit-btn > font > font > input {
  border: none;
  padding: 0.6rem 2rem;
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  -webkit-box-shadow: 0 0 0 3em #5f6163 inset;
  box-shadow: 0 0 0 3em #5f6163 inset;
  transition: all 300ms ease;
  color: #fff;
}
.submit-btn > font > font > input:hover {
  -webkit-box-shadow: 0 0 0 1px #5f6163 inset;
  box-shadow: 0 0 0 1px #5f6163 inset;
  color: #5f6163 !important;
  background-color: transparent;
}

.contact-top-text {
  display: flex;
  flex-direction: column;
  margin: 0.5rem;
  padding-top: 5rem;
}

.contact-top-text > span:first-child {
  font-size: 1rem;
  color: #8c7156;
  font-weight: 400;
  font-family: "Bellefair", serif;
  margin-bottom: 2rem;
}
.contact-top-text > span:last-child {
  font-size: 2.1875rem;
  line-height: 1.2;
  color: #000;
  font-weight: 400;
  font-family: "Bellefair", serif;
  margin-bottom: 1.5rem;
}
.home-contact-ikon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px !important;
  height: 120px;
  position: absolute;
  top: -3%;
  left: 0;
  background-color: #3c3b3d;
  padding: 2.5rem;
}
.home-contact-ikon > img {
  width: 100%;
}

.home-people-wrapper-top {
  display: flex;
  width: 100%;
  padding: 2rem;
  align-items: center;
  padding-top: 0;
}

.home-people-wrapper-top > div {
  width: 50%;
}

.people-wrapper-top-left {
  display: flex;
  flex-direction: column;
}

.people-wrapper-top-left > span:first-child {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  color: #8c7156;
  font-size: 25px;
  letter-spacing: 0.2em;
  margin-bottom: 1.5rem;
}

.people-wrapper-top-left > span:last-child {
  font-family: "Lato", serif;
  font-weight: 600;
  line-height: 1.333;
  font-size: 20px;
  color: #fff;
}

.people-wrapper-top-left > span:last-child > cite {
  font-family: "Lato", serif;
  font-weight: 600;
  line-height: 1.333;
  font-size: 30px;
  color: #8c7156;
}

.people-wrapper-top-right > span {
  font-weight: 400;
  color: #999;
}

.home-people {
  background-color: #191514;
  margin-bottom: 9rem;
  padding-top: 5rem;
}

.home-people-wrapper-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: 2rem;
}

.people-wrapper-img > img {
  width: 100%;
  filter: grayscale(1);
  transition: 0.3s ease-in-out;
}

.home-people-wrapper-bottom-content {
  position: relative;
  width: calc(25% - (2rem * 3) / 4);
}

.people-wrapper-text-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  bottom: -7%;
  display: flex;
  width: 80%;
  z-index: 99;
  box-shadow: 0 4px 7px rgb(192 192 192 / 48%);
}

.people-wrapper-text-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem;
  overflow: hidden;
  position: relative;
}

.people-wrapper-text-content > span:first-child {
  font-size: 15px;
  font-weight: 400;
  color: #000;
}

.people-wrapper-text-content > span:last-child {
  font-weight: 400;
  font-size: 15px;
  color: #999;
}

.hover-contact {
  position: absolute;
  inset: 0;
  padding: 2rem;
  background-color: #5f6163;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#5f6163),
    to(#5f6163)
  );
  background-image: -webkit-linear-gradient(left, #5f6163, #343434);
  top: 100%;
  transition: 0.3s ease-in-out;
}
.home-people-wrapper-bottom-content:hover .people-wrapper-img > img {
  filter: grayscale(0);
}
.home-people-wrapper-bottom-content:hover .hover-contact {
  top: 0;
}
.hover-contact-text {
  color: #fff;
  font-weight: bold;
}

.hover-contact-social > a {
  margin-right: 1rem;
  color: #fff;
}

.hover-contact-social {
  display: flex;
  margin-top: 0.5rem;
}

.people-wrapper-text-content > span:nth-child(2) {
  font-size: 13px;
  font-weight: bold;
  color: #999;
}

.footer-phone > span {
  box-shadow: 0 0 0 1px #5f6163 inset;
  color: #fff;
  padding: 1rem;
  font-weight: 400;
  letter-spacing: 3px;
  height: 50px;
  transition: all 300ms ease;
}
.footer-phone:hover > span {
  box-shadow: 0 0 0 3em #5f6163 inset;
}

.footer-list > span {
  color: #999;
  font-weight: bold;
}

.footer-list > span:last-child {
  color: #8c7156;
  display: flex;
  margin-top: 2rem;
}

.footer-list-title {
  display: flex;
  margin-bottom: 3rem !important;
}

.footer-phone {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}

.footer-phone > a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5f6163;
}
.footer-phone > a > i {
  color: #fff;
}
.footer-container.container > div {
  width: calc(100% - 2rem);
  margin-right: 2rem;
}
.footer-list > ul > li > a {
  font-weight: 400;
  display: flex;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ddd;
  transition: 0.3s ease-in-out;
}
.footer-list > ul > li > a:hover {
  color: #5f6163;
}

.footer-contact .widget_text .textwidget > ul > li > a {
  border-bottom: none;
  font-weight: 400;
  display: flex;
  padding: 0.5rem 0;
  color: #fff;
  transition: 0.3s ease-in-out;
}
.footer-contact .widget_text .textwidget > ul > li > a:hover {
  color: #5f6163;
}
.footer-container.container {
  border-top: none !important;
  padding-bottom: 3.75em;
  padding-top: 7.5em;
}

.footer-wrapper {
  background-position: 50% 130.49px;
  background-attachment: fixed;
  background-size: cover;
}

.footer-logo > a > img {
  width: 100%;
}

.footer-logo {
  margin-bottom: 2rem;
}

.footer-contact .widget_text .textwidget > ul > li > a > i {
  margin-right: 0.5rem;
  color: #5f6163;
}

.footer-social-text {
  display: flex;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.footer-social-icon {
  display: flex;
}

.footer-social .footer-social-icon > a {
  width: 35px;
  height: 35px;
  box-shadow: 0 0 0 3em #5f6163 inset;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  transition: all 200ms ease;
}

.footer-social .footer-social-icon > a:hover {
  box-shadow: 0 0 0 1px #5f6163 inset;
  color: #5f6163;
  background-color: transparent;
}
.mobile-header-contain,
.mobile-header-menu,
.close-menu,
.mobile-slick-slider-wrapper {
  display: none;
}

.contact-wrapper-image > iframe {
  height: 100% !important;
}

.people-wrapper-top-right {
  display: none;
}

.people-wrapper-top-left {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.post-container {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.post-container-left {
  width: 65%;
}

.post-container-right {
  width: 45%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.post-contain {
  padding: 3rem;
  background-color: #191514;
}

.post-container-name {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  color: #8c7156;
  font-size: 30px;
  letter-spacing: 0.2em;
  margin-bottom: 1.5rem;
}

.post-container-desc {
  font-size: 15px;
  font-weight: 400;
  color: #999;
  line-height: 1.9;
}

.post-container-image {
  display: flex;
  width: 85%;
  border-radius: 15px;
  overflow: hidden;
}

.post-container-image > img {
  width: 100%;
}

.publications-container {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.publications-content {
  display: flex;
  flex-direction: column;
  width: calc(33.33% - (1.5rem * 2) / 3);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  overflow: hidden;
}

.publications-image,.publications-image > a {
  display: flex;
  width: 100%;
}

.publications-image > a > img {
  display: flex;
  width: 100%;
}

.publications-bottom {
  padding: 1rem 1.5rem;
  transition: .2s ease-in-out;
}

.publications-wrapper {
  margin: 3rem 0;
}

.publications-name {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.publications-name > a {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  color: #8c7156;
  font-size: 18px;
  letter-spacing: 0.2em;
  transition: .2s ease-in-out;
}

.publications-content:hover .publications-bottom {
  background-color: #8c7156;
}

.publications-content:hover  .publications-name > a {
  color: #fff;
}

@media screen and (max-width: 1025px) {
  /* .vertical-slider {
    top: 50%;
    position: absolute;
    left: 3%;
    transform: translateY(-50%);
  } */

  .item > span {
    font-size: 3.5rem;
  }
  .slider-title {
    font-size: 23px;
    margin-bottom: 1rem;
  }
  .header-contains {
    display: none;
  }

  .mobile-header-contain {
    display: flex;
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
    align-items: center;
    left: 0;
    padding: 0 1rem;
  }

  .mobile-header-logo {
    width: 20%;
  }

  .mobile-header-logo > a > img {
    width: 100%;
  }

  .mobile-header-menu-ikon > i {
    font-size: 30px;
    color: #fff;
  }

  .mobile-header-menu-ikon {
    display: flex;
    margin-right: 1rem;
  }

  ul.slick-dots > li > button {
    transform: rotate(0deg);
    background: #8c7156 !important;
  }
  ul.slick-dots > li.slick-active > button {
    background-color: #fff !important;
  }

  .vertical-slider .slick-dots {
    display: flex;
  }

  .vertical-slider .slick-dots {
    display: flex !important;
  }

  ul.slick-dots {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: unset;
    bottom: -20%;
    left: 0;
    top: unset;
    right: unset;
  }

  ul.slick-dots > li {
    margin-bottom: 0;
    margin-right: 1rem;
  }

  .mobile-header-menu {
    position: fixed;
    left: -30%;
    top: 0;
    height: 100%;
    width: 30%;
    background-color: #28272c;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: 0.35s ease-in-out;
    overflow: auto;
  }
  .mobile-header-menu.active {
    left: 0;
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }
  body {
    transition: 0.35s ease-in-out;
  }
  body.active {
    margin-left: 30%;
    overflow: hidden;
  }
  .mobile-header-contain {
    transition: 0.35s ease-in-out;
  }
  .mobile-header-contain.active {
    display: none;
  }

  .mobile-header-menu #cssmenu {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .mobile-header-menu #cssmenu > ul > li > a {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
  }

  .mobile-header-menu #cssmenu > ul > li {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .menu-logo > a > img {
    width: 100%;
  }

  .menu-logo {
    padding: 0 2rem;
  }

  .close-menu {
    position: absolute;
    top: 4%;
    left: 33%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    display: flex;
  }
  .close-menu.active {
    position: absolute;
    top: 4%;
    left: 33%;
    z-index: 999;
    opacity: 1;
    visibility: visible;
  }

  .close-menu > i {
    color: #8c7156;
    font-size: 25px;
  }
  .mobile-menu-bottom-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem;
  }

  .mobile-menu-bottom-content > i,
  .mobile-menu-bottom-content .menu-bottom-social > i {
    color: #8c7156;
  }

  .mobile-menu-bottom-content > i {
    font-size: 25px;
  }
  .mobile-menu-bottom-content > span {
    color: #fff;
    font-weight: 400;
  }
  .menu-bottom-social {
    display: flex;
  }

  .menu-bottom-social > i:not(:last-child) {
    margin-right: 0.5rem;
  }

  .mobile-menu-bottom-wrapper {
    background-color: #28272c;
    height: 100%;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .mobile-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.5rem;
  }

  .mobile-menu-btn > a {
    -webkit-box-shadow: 0 0 0 1px #8c7156 inset;
    box-shadow: 0 0 0 1px #8c7156 inset;
    padding: 1rem;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
  }
  ul.slick-dots {
    display: flex !important;
    bottom: -40px;
    left: 0 !important;
    padding-left: 5rem;
  }
  .counterslider ul.slick-dots > li.slick-active > button {
    background-color: #000 !important;
  }
}

@media screen and (max-width: 992px) {
  .people-wrapper-text-content,
  .hover-contact {
    padding: 1rem;
  }
  .home-top {
    flex-direction: column;
  }

  .home-top > div {
    width: 100% !important;
  }

  .home-top-banner {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 10.75rem;
    padding-top: 10.75rem;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .home-services-wrapper {
    margin-top: 0;
  }

  .home-services-content {
    width: calc(50% - 2rem) !important;
  }

  .mobile-header-menu {
    width: 45%;
  }
  .close-menu {
    left: 48% !important;
  }
  body.active {
    margin-left: 45%;
  }

  .home-counter-wrapper {
    flex-direction: column;
  }

  .counter-wrapper-right-contain {
    position: relative;
    left: unset;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
  }

  .home-counter-wrapper-right {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  .home-counter-wrapper > div {
    width: 100% !important;
  }

  .counter-wrapper-right-content:nth-child(2n + 1) {
    border: none;
  }

  .counter-wrapper-right-content:nth-child(3),
  .counter-wrapper-right-content:nth-child(4) {
    border: none;
  }

  .counter-wrapper-right-content {
    padding: 1rem 0px;
  }

  .counter-wrapper-right-content-ikon {
    width: 50px;
    height: 50px;
  }

  .counter-wrapper-right-content-text > span:first-child {
    font-size: 25px;
  }

  .counter-wrapper-right-content-text > span {
    font-size: 15px;
  }

  .home-contact-wrapper {
    flex-direction: column;
  }

  .home-contact-wrapper > div {
    width: 100% !important;
  }

  .contact-wrapper-image {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .contact-wrapper-image > iframe {
    width: inherit !important;
    height: 600px !important;
  }

  .footer-logo {
    width: 40%;
  }
  .footer-container.container {
    padding-top: 0 !important;
  }
  .item > span {
    font-size: 2rem;
  }
  .mobile-header-logo {
    width: 30%;
  }

  .home-counter-wrapper {
    margin-top: 0;
  }

  .slick-slider-wrapper {
    display: none;
  }

  .mobile-slick-slider-wrapper {
    display: block;
  }
}

@media screen and (max-width:769px){
  .post-container {
    flex-direction: column;
  }

  .post-container-left {
    width: 100%;
  }

  .post-container-right {
    width: 100%;
  }

  .post-contain {
    padding: 1rem;
  }

  .publications-content {
    width: calc(50% - (1.5rem) / 2);
  }

  .home-people-wrapper-bottom-content {
    position: relative;
    width: calc(50% - (2rem) / 2);
  }
}

@media screen and (max-width: 552px) {
  .mobile-header-logo {
    width: 50%;
  }
  .mobile-header-menu {
    width: 65%;
  }
  body.active {
    margin-left: 65%;
  }

  .close-menu {
    left: 68% !important;
  }

  .item > span {
    font-size: 1.3rem;
  }

  .slider-title {
    font-size: 20px;
    margin-bottom: 1rem;
  }
  .slider-btn > a {
    font-size: 13px;
  }

  .home-top-text-content > h2,
  .counter-slider-title {
    font-size: 1.5rem;
  }

  .home-top-text-content > span:nth-child(3) {
    line-height: 2em;
    font-size: 13px;
  }
  .counter-slider-text {
    font-size: 13px;
  }

  .home-top-text-content-btn > a {
    letter-spacing: 1px;
    font-size: 13px;
  }
  .home-top-text-content > span:first-child {
    font-size: 18px;
  }

  .home-services-content {
    width: calc(100% - 2rem) !important;
  }
  .footer-list,
  .footer-list > ul {
    align-items: unset !important;
  }
  .footer-list > ul > li > a {
    justify-content: unset !important;
  }

  .footer-logo {
    width: 100%;
  }
  .slick-vertical .slick-slide {
    padding-bottom: 2rem;
  }

  .home-people-wrapper-bottom-content:nth-child(1),
  .home-people-wrapper-bottom-content:nth-child(2) {
    margin-bottom: 3rem;
  }

  .home-people-wrapper-bottom {
    flex-wrap: wrap;
  }

  .home-people-wrapper-bottom-content {
    width: 50%;
  }

  .people-wrapper-text-wrapper {
    bottom: -14px;
  }

  .people-wrapper-text-content {
    padding: 1rem;
  }
  .home-people {
    margin-bottom: 3rem;
  }
  .home-contact-wrapper {
    margin-top: 0;
  }

  .home-services-wrapper-top {
    margin-bottom: 1rem;
  }

  .home-services-wrapper-top-title,
  .home-services-wrapper-top-title > cite {
    font-size: 20px;
  }

  .home-services-wrapper-top > span:nth-child(1) {
    font-size: 15px;
  }

  .home-services-contain.container,
  .home-services-wrapper {
    padding: 0;
  }

  .home-services-wrapper {
    padding-top: 2rem;
  }

  .home-people-wrapper-top {
    flex-direction: column;
  }

  .home-people-wrapper-top > div {
    width: 100%;
    margin-bottom: 2rem;
  }

  .hover-contact {
    padding: 0.5rem;
  }

  .people-wrapper-text-wrapper {
    width: 90%;
  }

  .home-contact-ikon {
    top: 0;
  }
  .home-services-wrapper-top {
    width: 70% !important;
  }

  .home-services-wrapper-top > span:nth-child(1) {
    font-size: 25px;
  }
  .people-wrapper-top-left > span:last-child {
    text-align: center;
  }

  .home-top-text-icon,
  .counter-wrapper-left-title,
  .home-contact-ikon {
    width: 90px !important;
    height: 90px;
  }
  .home-top-text-icon > img,
  .counter-wrapper-left-title > img,
  .home-contact-ikon > img {
    width: 40px;
  }
  .home-counter-wrapper,
  .home-counter-wrapper-left {
    display: block !important;
  }

  ul.slick-dots {
    bottom: 0;
  }
  .counterslider ul.slick-dots {
    bottom: -40px;
  }

  .publications-content {
    width: 100%;
  }

  .home-people-wrapper-bottom-content {
    width: 100%;
  }
}

@media screen and (max-width: 426px) {
  .home-counter-wrapper,
  .home-counter-wrapper-left {
    display: block !important;
  }
  .counter-accounttext-wrapper > span:first-child {
    color: #8c7156;
    font-size: 10px;
  }
  .counter-accounttext-wrapper > span {
    font-weight: 400;
    font-size: 12px;
  }
  /* .counterslider {
    height: 308px;
    padding-top: 0;
  }
  .counterslider .slick-list {
    height: 100% !important;
    padding-top: 3.5rem;
  }
  .slick-vertical .slick-slide {
    padding-bottom: 3rem;
  } */
}

@media screen and (max-width: 376px) {
  /* .counterslider {
    height: 318px;
    padding-top: 0;
  }
  .slick-vertical .slick-slide {
    padding-bottom: 4rem;
  } */
  .home-top-text-content > h2,
  .counter-slider-title {
    font-size: 1.3rem;
  }

  .home-top-text-content > span:nth-child(3) {
    line-height: 2.3em;
    font-size: 11px;
  }

  .home-top-text-content-btn > a {
    letter-spacing: 1px;
    font-size: 11px;
  }
  .home-top-text-content-btn > a::before {
    height: 2px;
  }

  .mobile-header-menu {
    width: 75%;
  }
  body.active {
    margin-left: 75%;
  }

  .close-menu {
    left: 78% !important;
  }
  .people-wrapper-top-left > span:first-child {
    text-align: center;
  }
}