/* #region Variables*/
:root {
  color-scheme: light only;
  --white: #fff;
  --black: #000;
  --light-gray: #323232;
  --orange: #e35710;
  --red: #f00;
  --transparent: rgba(255, 255, 255, 0);
  --workSans-300: 'WorkSans-Light';
  --workSans-it-300: 'WorkSans-LightItalic';
  --workSans-400: 'WorkSans-Regular';
  --workSans-500: 'WorkSans-Medium';
  --workSans-700: 'WorkSans-Bold';
  --Albertus-400: 'AlbertusMTStd';
  --Albertus-300: 'AlbertusMTStdLight';
}
/* #endregion*/
/*#region Fonts*/
@font-face {
  font-family: 'WorkSans-Light';
  src: url('../fonts/WorkSans/static/WorkSans-Light.ttf');
}
@font-face {
  font-family: 'WorkSans-LightItalic';
  src: url('../fonts/WorkSans/static/WorkSans-LightItalic.ttf');
}
@font-face {
  font-family: 'WorkSans-Medium';
  src: url('../fonts/WorkSans/static/WorkSans-Medium.ttf');
}
@font-face {
  font-family: 'WorkSans-Regular';
  src: url('../fonts/WorkSans/static/WorkSans-Regular.ttf');
}
@font-face {
  font-family: 'WorkSans-Bold';
  src: url('../fonts/WorkSans/static/WorkSans-Bold.ttf');
}
@font-face {
  font-family: 'AlbertusMTStdLight';
  src: url('../fonts/Albertus/AlbertusMTStdLight.otf');
}
@font-face {
  font-family: 'AlbertusMTStd';
  src: url('../fonts/Albertus/AlbertusMTStd.otf');
}
/* #endregion*/
/* #region Global*/
html {
  font-size: 0.05208331vw;
}
.as-carousel-loading-container {
  opacity: 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  font-family: var(--workSans-300);
  font-weight: 300;
  color: var(--black);
  font-size: 20rem;
}
.main {
  flex: 1;
  padding-top: var(--header-height);
}
a[href='javascript:;'],
a:hover[href='javascript:;'] {
  cursor: default;
}
a {
  appearance: none !important;
  color: var(--white);
  text-decoration: none;
}
a:hover {
  text-decoration: none !important;
}
button {
  cursor: pointer;
  background: var(--transparent);
  border: 0;
  outline: none !important;
}
button:focus {
  box-shadow: unset !important;
}
li {
  list-style: none;
}
input,
textarea {
  border: none;
  text-align: center;
  background: none;
}
input:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-text-fill-color: var(--white) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select {
  transition: background-color 5000s ease-in-out 0s;
  color: inherit;
  -webkit-text-fill-color: var(--black) !important;
}
p {
  margin: 0;
}
.zoom-container-wrap .btn-icon {
  fill: var(--white);
}
.no-overflow {
  overflow: hidden;
}
.d-none {
  display: none !important;
}
.w-100 {
  width: 100% !important;
}
.validate-msg {
  font-size: 12rem;
  color: var(--red);
}
.successMessage {
  font-size: 13rem;
  color: var(--orange);
}
/* #endregion*/
/* #region Loading*/
.loading {
  position: fixed;
  display: grid;
  place-items: center;
  inset: 0;
  z-index: 99999999;
  opacity: 0.5;
  background: var(--white);
}
.loading .loader {
  position: absolute;
  top: calc(50% - 32rem);
  left: calc(50% - 32rem);
  width: 100rem;
  height: 100rem;
  border-radius: 50%;
  perspective: 800rem;
}
.loading .loader .load {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.loading .loader .load.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 9rem solid var(--orange);
}
.loading .loader .load.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 7rem solid var(--orange);
}
.loading .loader .load.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 7rem solid var(--orange);
}
@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
/* #endregion*/
/* #region General class*/
.banner-area .item {
  position: relative;
}
.banner-area .item .txt-area {
  position: absolute;
  bottom: 113rem;
  left: 50%;
  transform: translateX(-50%);
}
.banner-area .item .txt-area .title {
  color: var(--orange);
  text-align: center;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 60rem;
  line-height: 36rem;
  letter-spacing: 6rem;
  text-transform: uppercase;
}
.insta-area {
  padding: 59rem 3rem;
}
.insta-area .title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16rem;
}
.insta-area .title span {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 26rem;
  letter-spacing: 2.6rem;
  text-transform: uppercase;
}
.insta-area .title img {
  width: 32rem;
}
.insta-area .list .item {
  margin-top: 60rem;
}
.insta-area .list .item img {
  width: 280rem;
  max-width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.pop-up-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  transform: scale(0);
  transition: ease-in-out 0.2s;
  z-index: 99999;
}
.pop-up-area.active {
  transform: scale(1);
}
.pop-up-area .item {
  width: 100%;
  height: 100%;
  border-top: 5rem solid var(--orange);
  padding: 0.9em 1.5em 1.3em;
  text-align: center;
  background: var(--white);
  position: relative;
}
.pop-up-area .item .head .site-logo img {
  width: 782rem;
}
.section-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40rem;
}
.section-name span {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--Albertus-300);
  font-weight: 300;
  font-size: 38rem;
  letter-spacing: 2.8rem;
  text-align: center;
  width: auto;
  text-transform: uppercase;
}
.section-name::after,
.section-name::before {
  content: '';
  width: 100%;
  height: 1px;
  background: var(--orange);
  margin-top: 5rem;
}
.carousel-container button span {
  font-size: 0;
}
.empty-title {
  display: flex;
  justify-content: center;
  padding: 50rem 0;
  width: 50%;
}
.empty-title p {
  font-family: var(--workSans-300);
  font-weight: 300;
  color: var(--orange);
}
.slide-list {
  position: relative;
}
.slide-list .next-prev-btns {
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
  z-index: 9;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 30rem;
}
.slide-list .next-prev-btns button:not(.as-invisible) {
  display: block;
}
.error-page .error {
  padding: 50rem 115rem;
}
.error-page .title {
  text-align: center;
  font-size: 20rem;
}
/* #endregion*/
/* #region home-page*/
.home-page .banner-area {
  position: relative;
}
.home-page .banner-area .next-prev-btns {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 57rem;
}
.home-page .banner-area .next-prev-btns span {
  display: none;
}
.home-page .banner-area .next-prev-btns svg {
  width: 35rem;
}
.home-page .banner-area .next-prev-btns button:not(.as-invisible) {
  display: block;
}
.home-page .banner-area .item .img-area a {
  width: 100%;
  display: inline-block;
  position: relative;
}
.home-page .banner-area .item .img-area img {
  height: 100dvh;
  object-fit: cover;
  object-position: top;
}
.home-page .banner-area .item iframe,
.home-page .banner-area .item video {
  height: 790rem;
  width: 100%;
}
.home-page .banner-area .item .txt-area {
  top: 0;
  bottom: 0;
  z-index: 99;
  padding-bottom: 27rem;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000 400%);
}
.home-page .banner-area .btn-scroll span {
  font-size: 0;
}
.home-page .banner-area .btn-scroll svg {
  width: 40rem;
}
.home-page .info-txt {
  width: 100%;
  padding: 60rem 222rem 0 224rem;
}
.home-page .info-txt .txt {
  color: var(--light-gray);
  font-family: var(--Albertus-300);
  font-weight: 300;
  font-size: 28rem;
  text-align: center;
  line-height: 44rem;
  font-weight: 300;
}
.home-page .info-txt .txt span {
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 28rem;
  color: var(--light-gray);
}
.home-page .info-txt .txt a {
  font-family: var(--Albertus-300);
  font-weight: 300;
  font-size: 28rem;
  color: var(--orange);
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.home-page .object-list {
  padding: 56rem 68rem 0;
}
.home-page .object-list .section-title {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 22rem;
  letter-spacing: 1.8rem;
  text-transform: uppercase;
  margin-bottom: 58rem;
}
.home-page .object-list .list {
  justify-content: center;
}
.home-page .object-list .list .item {
  padding: 0 47rem;
}
.home-page .object-list .list .item .txt-area {
  text-align: center;
  margin-top: 36rem;
}
.home-page .object-list .list .item .txt-area .info {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 5rem;
}
.home-page .object-list .list .item .txt-area .info .artist-name {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 20rem;
  letter-spacing: 0.3rem;
}
.home-page .object-list .list .item .txt-area .info .date {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 20rem;
  letter-spacing: 0.5rem;
}
.home-page .object-list .list .item .txt-area .artwork-info {
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 5rem;
}
.home-page .object-list .list .item .txt-area .artwork-info .artwork-date {
  display: none;
}
.home-page .object-list .list .item .txt-area .artwork-info * {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
}
.home-page .object-list .list .item .txt-area .artwork-info .artwork-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.home-page .object-list .btn-link {
  margin: 38rem auto 13rem;
  padding: 12rem;
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  border: 1rem solid var(--orange);
  background: var(--white);
  display: block;
  width: 270rem;
  transition: 0.2s;
}
.home-page .object-list .btn-link:hover {
  background: var(--orange);
  color: var(--white);
}
.home-page .object-list .next-prev-btns {
  top: 47.7%;
  padding: 0 50rem;
}
.home-page .object-list .next-prev-btns button span {
  display: none;
}
.home-page .object-list .next-prev-btns button svg {
  width: 15rem;
}
.home-page .blog-item {
  padding-top: 58rem;
}
.home-page .blog-item .item {
  display: flex;
  justify-content: space-between;
  padding: 60rem 138rem 58rem 301rem;
  background: var(--orange);
}
.home-page .blog-item .item .title.mb {
  display: none;
}
.home-page .blog-item .item .img-area {
  width: 576rem;
}
.home-page .blog-item .item .img-area a {
  display: block;
}
.home-page .blog-item .item .txt-area {
  width: 653rem;
  margin-top: 179rem;
}
.home-page .blog-item .item .txt-area img {
  display: none;
}
.home-page .blog-item .item .txt-area .title {
  color: var(--white);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 22rem;
  letter-spacing: 2.2rem;
  text-transform: uppercase;
}
.home-page .blog-item .item .txt-area .date {
  margin-top: 21rem;
  color: var(--white);
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 13rem;
  letter-spacing: 1.3rem;
  text-transform: uppercase;
}
.home-page .blog-item .item .txt-area .txt {
  color: var(--white);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 30rem;
  letter-spacing: 2.8rem;
  text-transform: uppercase;
  margin-top: 17rem;
  line-height: 48rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: 0.2s;
}
.home-page .blog-item .item .txt-area .txt * {
  color: var(--white);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 30rem;
}
.home-page .blog-item .item .txt-area .txt img {
  width: 100% !important;
  height: 100% !important;
}
.home-page .blog-item .item .txt-area .txt.active {
  display: block;
}
.home-page .blog-item .read-more {
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  display: block;
  width: 186rem;
  background: var(--white);
  padding: 12rem;
  margin-top: 52rem;
  cursor: pointer;
  transition: 0.4s;
  border: 1rem solid var(--orange);
}
.home-page .blog-item .read-more:hover {
  border: 2rem solid var(--white);
}
.home-page .insta-area .title {
  margin-right: 15rem;
  gap: 19rem;
  margin-right: 50rem;
}
/* #endregion*/
/* #region events-page*/
.events-page .events-area {
  padding-bottom: 33rem;
}
.events-page .events-area .item {
  position: relative;
}
.events-page .events-area .item .btn-to-detail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.events-page .events-area .current-events,
.events-page .events-area .forthcoming-events {
  position: relative;
}
.events-page .events-area .current-events .item .txt-area,
.events-page .events-area .forthcoming-events .item .txt-area {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  width: 100%;
  padding: 0 120rem;
  margin-top: 37rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.events-page .events-area .current-events .item .txt-area .event-title,
.events-page .events-area .forthcoming-events .item .txt-area .event-title {
  margin: 20rem 0 30rem;
  line-height: 72rem;
}
.events-page .events-area .current-events .item .img-area::after,
.events-page .events-area .forthcoming-events .item .img-area::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.events-page .events-area .current-events .event-title,
.events-page .events-area .forthcoming-events .event-title {
  color: var(--orange);
  text-align: center;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 60rem;
  letter-spacing: 6rem;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.events-page .events-area .current-events .item,
.events-page .events-area .forthcoming-events .item {
  position: relative;
}
.events-page .events-area .current-events .item .event-date,
.events-page .events-area .forthcoming-events .item .event-date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12rem;
}
.events-page .events-area .current-events .item .event-date p,
.events-page .events-area .forthcoming-events .item .event-date p {
  color: var(--white);
  text-align: center;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 30rem;
  letter-spacing: 3rem;
  text-transform: uppercase;
  display: inline-block;
}
.events-page .events-area .event-type {
  color: var(--white);
  text-align: center;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 24rem;
  letter-spacing: 2.4rem;
  text-transform: uppercase;
}
.events-page .events-area .past-events {
  padding: 88rem 115rem 0;
}
.events-page .events-area .past-events.empty {
  margin-top: var(--header-height);
  padding-top: 70rem;
}
.events-page .events-area .past-events .head {
  display: flex;
  align-items: center;
  justify-content: center;
}
.events-page .events-area .past-events .head .event-type {
  margin-left: 45.3%;
}
.events-page .events-area .past-events .head .exhibition-date-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-left: auto;
}
.events-page
  .events-area
  .past-events
  .head
  .exhibition-date-tab
  .active-exhibition
  .open-tab {
  display: flex;
  align-items: center;
  gap: 15rem;
}
.events-page
  .events-area
  .past-events
  .head
  .exhibition-date-tab
  .active-exhibition
  .open-tab
  .active-year {
  color: #222;
  text-align: right;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  letter-spacing: 3.2rem;
}
.events-page
  .events-area
  .past-events
  .head
  .exhibition-date-tab
  .active-exhibition
  .open-tab
  svg {
  transition: ease-in-out 0.3s;
  transform: rotateX(0);
  width: 34rem;
}
.events-page
  .events-area
  .past-events
  .head
  .exhibition-date-tab
  .exhibition-items {
  position: absolute;
  right: 5rem;
  top: 100%;
  z-index: 9;
  display: flex;
  flex-direction: column;
  background: var(--white);
  padding: 27rem 0 20rem;
  opacity: 0;
  transition: ease-in-out 0.3s;
  width: 141rem;
}
.events-page
  .events-area
  .past-events
  .head
  .exhibition-date-tab
  .exhibition-items
  .btn-exhibition,
.events-page
  .events-area
  .past-events
  .head
  .exhibition-date-tab
  .exhibition-items
  .all-exhibitions {
  color: #222;
  text-align: center;
  font-family: var(--workSans-300);
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 3.6rem;
}
.events-page
  .events-area
  .past-events
  .head
  .exhibition-date-tab.show
  .exhibition-items {
  opacity: 1;
}
.events-page
  .events-area
  .past-events
  .head
  .exhibition-date-tab.show
  .active-exhibition
  .open-tab
  svg {
  transform: rotateX(180deg);
}
.events-page .events-area .past-events .event-type {
  color: var(--orange);
  text-align: center;
  font-family: var(--Albertus-300);
  font-weight: 300;
  font-size: 24rem;
  line-height: 36rem;
  letter-spacing: 2.4rem;
  text-transform: uppercase;
}
.events-page .events-area .past-events .list-items {
  display: flex;
  flex-wrap: wrap;
  gap: 41rem 57rem;
  margin-top: 42rem;
}
.events-page .events-area .past-events .list-items .item {
  width: calc(33.3% - 37.78rem);
  display: none;
  transition: ease-in-out 0.3s;
}
.events-page .events-area .past-events .list-items .item.active {
  display: block;
}
.events-page .events-area .past-events .list-items .item .img-area a {
  display: block;
}
.events-page .events-area .past-events .list-items .item .txt-area {
  text-align: left;
  margin-top: 24rem;
}
.events-page
  .events-area
  .past-events
  .list-items
  .item
  .txt-area
  .event-title {
  color: var(--orange);
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 20rem;
  text-transform: uppercase;
  margin-top: 9rem;
  display: block;
  line-height: 24rem;
  min-height: 46rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.events-page .events-area .past-events .list-items .item .txt-area .event-date {
  display: flex;
  gap: 4rem;
}
.events-page
  .events-area
  .past-events
  .list-items
  .item
  .txt-area
  .event-date
  p {
  color: #323232;
  text-align: justify;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 14rem;
  font-weight: 400;
  line-height: 160%;
}
.events-page
  .events-area
  .past-events
  .list-items
  .item
  .txt-area
  .event-date
  .date-to {
  text-transform: lowercase;
}
.events-page .events-area .past-events .list-items .item .txt-area .btn-more {
  width: 270rem;
  margin: 38rem auto;
  transition: 0.2s;
}
.events-page
  .events-area
  .past-events
  .list-items
  .item
  .txt-area
  .btn-more
  .btn-detail {
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  display: block;
  padding: 12rem 15rem 11rem;
  border: 1rem solid var(--orange);
}
.events-page
  .events-area
  .past-events
  .list-items
  .item
  .txt-area
  .btn-more:hover {
  background: var(--orange);
}
.events-page
  .events-area
  .past-events
  .list-items
  .item
  .txt-area
  .btn-more:hover
  .btn-detail {
  color: var(--white);
}
.events-page .events-area .as-dots-container {
  position: absolute;
  bottom: 30rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  gap: 12rem;
}
.events-page .events-area .as-dots-container .as-dot {
  background: #16161d;
  width: 10rem;
  height: 10rem;
}
.events-page .events-area .as-dots-container .as-dot::before {
  background: none;
}
.events-page .events-area .as-dots-container .as-dot.active {
  background: var(--orange);
}
.events-page .next-prev-btns button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  padding: 0 58rem;
}
.events-page .next-prev-btns button.as-carousel-prev {
  left: 0;
}
.events-page .next-prev-btns button.as-carousel-next {
  right: 0;
}
.events-page .next-prev-btns button span {
  display: none;
}
.events-page .next-prev-btns button svg {
  width: 32rem;
}
/* #endregion*/
/* #region event-detail-page*/
.event-detail-page .next-prev-btns {
  position: relative;
}
.event-detail-page .next-prev-btns .btn-items {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.event-detail-page .next-prev-btns button span {
  display: none;
}
.event-detail-page .section-title {
  color: var(--orange);
  text-align: center;
  font-family: var(--Albertus-300);
  font-weight: 300;
  font-size: 24rem;
  line-height: 36rem;
  letter-spacing: 2.4rem;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
}
.event-detail-page .event-detail-area {
  background: var(--black);
  padding-top: var(--header-height);
}
.event-detail-page .event-detail-area .item {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 63rem 0 16rem;
}
.event-detail-page .event-detail-area .item .img-area {
  margin-left: 61rem;
  width: 1070rem;
}
.event-detail-page .event-detail-area .item .txt-area {
  margin: 215rem 75rem 0 0;
  width: 600rem;
}
.event-detail-page .event-detail-area .item .txt-area .title {
  color: var(--orange);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
}
.event-detail-page .event-detail-area .item .txt-area .event-date {
  display: flex;
  gap: 8rem;
  margin-top: 18rem;
}
.event-detail-page .event-detail-area .item .txt-area .event-date p {
  color: var(--white);
  font-family: var(--Albertus-300);
  font-weight: 300;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
}
.event-detail-page .event-detail-area .item .txt-area .txt-inner {
  width: 630rem;
  height: 147rem;
  overflow-y: auto;
  margin-top: 30rem;
}
.event-detail-page
  .event-detail-area
  .item
  .txt-area
  .txt-inner::-webkit-scrollbar {
  width: 5rem;
  margin-top: 25rem;
}
.event-detail-page
  .event-detail-area
  .item
  .txt-area
  .txt-inner::-webkit-scrollbar-track {
  background: #313131;
}
.event-detail-page
  .event-detail-area
  .item
  .txt-area
  .txt-inner::-webkit-scrollbar-thumb {
  background: var(--orange);
}
.event-detail-page .event-detail-area .item .txt-area .txt-inner .desc {
  margin-right: 30rem;
  color: var(--white);
  text-align: justify;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 18rem;
  line-height: 21rem;
}
.event-detail-page .event-detail-area .item .txt-area .txt-inner .desc * {
  color: var(--white);
  text-align: justify;
  font-size: 18rem;
}
.event-detail-page .event-detail-area .item .txt-area .link-to {
  color: var(--white);
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-decoration-line: underline;
  text-transform: uppercase;
  display: block;
  margin-top: 27rem;
}
.event-detail-page .event-detail-area .item .txt-area .btn-area {
  margin-top: 27rem;
}
.event-detail-page
  .event-detail-area
  .item
  .txt-area
  .btn-area
  .mobile-btn-item {
  display: none;
}
.event-detail-page .event-detail-area .item .txt-area .btn-area .btn-items {
  display: flex;
  align-items: center;
  gap: 0 32rem;
}
.event-detail-page
  .event-detail-area
  .item
  .txt-area
  .btn-area
  .btn-items
  .tab-btn {
  color: var(--orange);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 14rem;
  line-height: 36rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
}
.event-detail-page .event-detail-area .item .navigation-buttons-area {
  position: absolute;
  right: 59rem;
  top: 18rem;
  z-index: 1;
}
.event-detail-page .event-detail-area .item .navigation-buttons-area a {
  color: var(--orange);
  text-align: right;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
}
.event-detail-page
  .event-detail-area
  .item
  .navigation-buttons-area
  a.btn-page {
  margin-left: 18rem;
}
.event-detail-page
  .event-detail-area
  .item
  .navigation-buttons-area
  a.btn-page
  svg {
  width: 13rem;
}
.event-detail-page .artworks-area {
  padding: 70rem 115rem 20rem;
}
.event-detail-page .artworks-area .artworks-items {
  display: flex;
  flex-wrap: wrap;
  gap: 35rem 30rem;
  margin-top: 51rem;
}
.event-detail-page .artworks-area .artworks-items .item {
  width: calc(25% - 22.5rem);
}
.event-detail-page .artworks-area .artworks-items .item .txt-area {
  margin-top: 20rem;
}
.event-detail-page .artworks-area .artworks-items .item .txt-area .artist-name {
  text-align: center;
  font-size: 20rem;
  font-weight: 300;
}
.event-detail-page
  .artworks-area
  .artworks-items
  .item
  .txt-area
  .artist-name
  a {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 20rem;
  letter-spacing: -0.2rem;
}
.event-detail-page
  .artworks-area
  .artworks-items
  .item
  .txt-area
  .artist-name
  span {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 20rem;
}
.event-detail-page .artworks-area .artworks-items .item .txt-area .date {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 20rem;
}
.event-detail-page .artworks-area .artworks-items .item .txt-area .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin: 8rem;
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-300);
  font-size: 18rem;
  font-weight: 300;
}
.event-detail-page .event-slideshow {
  padding: 41rem 373rem;
  position: relative;
}
.event-detail-page .event-slideshow .inner {
  margin-top: 42rem;
}
.event-detail-page .event-slideshow .inner .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--black);
  text-align: center;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 8rem;
  text-transform: uppercase;
  margin-top: 27rem;
}
.event-detail-page .event-slideshow .inner .next-prev-btns {
  display: flex;
  justify-content: center;
  margin-top: 42rem;
  gap: 60rem;
}
.event-detail-page .event-slideshow .inner .next-prev-btns button:disabled {
  opacity: 0.5;
}
.event-detail-page .video-section {
  padding: 25rem 120rem;
}
.event-detail-page .video-section .video-area {
  margin-top: 42rem;
}
.event-detail-page .video-section .video-area .video-item {
  position: relative;
  height: 946rem;
}
.event-detail-page .video-section .video-area .video-item .play-video svg,
.event-detail-page .video-section .video-area .video-item .pause-video svg {
  width: 400rem;
}
.event-detail-page .video-section .video-area .video-item .play-video span,
.event-detail-page .video-section .video-area .video-item .pause-video span {
  display: none;
}
.event-detail-page .video-section .video-area .video-item .play-video img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.event-detail-page
  .video-section
  .video-area
  .video-item
  .play-video
  img.thumbnail {
  z-index: 1;
  height: 946rem;
  object-fit: cover;
}
.event-detail-page .video-section .video-area .video-item .pause-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.event-detail-page .virtual-tour-area {
  padding: 44rem 120rem 14rem;
}
.event-detail-page .virtual-tour-area .virtual-tour {
  margin-top: 41rem;
}
.event-detail-page .virtual-tour-area iframe {
  height: 946rem;
}
.event-detail-page .event-publications {
  padding-top: 70rem;
}
.event-detail-page .event-publications .inner {
  position: relative;
  background: var(--orange);
}
.event-detail-page .event-publications .inner .event-type {
  display: none;
}
.event-detail-page .event-publications .inner .item {
  display: flex;
  gap: 230rem;
  padding: 60rem 0;
}
.event-detail-page .event-publications .inner .item .img-area {
  margin-left: 300rem;
  width: 550rem;
}
.event-detail-page .event-publications .inner .item .txt-area {
  margin-top: 156rem;
}
.event-detail-page .event-publications .inner .item .txt-area .type {
  color: var(--white);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 22rem;
  letter-spacing: 2.2rem;
  text-transform: uppercase;
}
.event-detail-page .event-publications .inner .item .txt-area .date {
  color: var(--white);
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 13rem;
  letter-spacing: 1.3rem;
  text-transform: uppercase;
  margin-top: 24rem;
}
.event-detail-page .event-publications .inner .item .txt-area .desc {
  color: var(--white);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 30rem;
  line-height: 48rem;
  letter-spacing: 3rem;
  text-transform: uppercase;
  margin-top: 17rem;
}
.event-detail-page .event-publications .inner .item .txt-area .btn-item {
  border: 1rem solid var(--orange);
  background: var(--white);
  width: 186rem;
  text-align: center;
  margin-top: 42rem;
  padding: 6rem 0 11rem;
}
.event-detail-page
  .event-publications
  .inner
  .item
  .txt-area
  .btn-item
  .btn-view {
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
}
.event-detail-page .event-publications .inner .item .txt-area .next-prev-btns {
  display: flex;
  align-items: center;
  width: 90rem;
  margin-top: 88rem;
}
.event-detail-page
  .event-publications
  .inner
  .item
  .txt-area
  .next-prev-btns
  .btn-items
  button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.event-detail-page
  .event-publications
  .inner
  .item
  .txt-area
  .next-prev-btns
  .btn-items
  svg {
  height: 24rem;
}
.event-detail-page iframe,
.event-detail-page video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event-detail-page .footer {
  padding-top: 70rem;
}
/* #endregion*/
/* #region inventory-page*/
.inventory-page .inventory-list {
  padding: 54rem 116rem 47rem 115rem;
}
.inventory-page .inventory-list .section-name::after,
.inventory-page .inventory-list .section-name::before {
  width: 78%;
}
.inventory-page .inventory-list .section-name span {
  width: 100%;
  letter-spacing: 3.8rem;
}
.inventory-page .inventory-list .list-area {
  display: flex;
  gap: 40rem;
  margin-top: 47rem;
}
.inventory-page .inventory-list .list-area .categories-area {
  width: 370rem;
  margin-top: 2rem;
}
.inventory-page .inventory-list .list-area .categories-area .search {
  width: 100%;
  border-bottom: 1rem solid var(--orange);
  padding-bottom: 18rem;
}
.inventory-page .inventory-list .list-area .categories-area .search input {
  color: var(--orange);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 24rem;
  letter-spacing: 2.4rem;
  text-align: left;
  width: 100%;
}
.inventory-page
  .inventory-list
  .list-area
  .categories-area
  .search
  input::placeholder {
  text-transform: uppercase;
  color: var(--orange);
}
.inventory-page .inventory-list .list-area .categories-area .search svg {
  margin: 0 12rem 0;
  width: 24rem;
}
.inventory-page .inventory-list .list-area .categories-area .search a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inventory-page .inventory-list .list-area .categories-area .cat-items {
  margin-top: 23rem;
}
.inventory-page
  .inventory-list
  .list-area
  .categories-area
  .cat-items
  .category,
.inventory-page
  .inventory-list
  .list-area
  .categories-area
  .cat-items
  .btn-all {
  color: var(--orange);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 24rem;
  letter-spacing: 2.4rem;
  text-transform: uppercase;
  display: block;
  line-height: 48rem;
  transition: 0.2s;
  transform: scale(1);
}
.inventory-page
  .inventory-list
  .list-area
  .categories-area
  .cat-items
  .category.active,
.inventory-page
  .inventory-list
  .list-area
  .categories-area
  .cat-items
  .btn-all.active {
  font-family: var(--Albertus-400);
  font-weight: 700;
}
.inventory-page
  .inventory-list
  .list-area
  .categories-area
  .cat-items
  .category:hover {
  transform: scale(1.1, 1.1);
  cursor: pointer;
}
.inventory-page .inventory-list .list-area .list-items {
  display: flex;
  flex-wrap: wrap;
  gap: 32rem 40rem;
  width: 100%;
  max-width: 1280rem;
  margin-top: 7rem;
}
.inventory-page .inventory-list .list-area .list-items .item {
  width: 400rem;
}
.inventory-page .inventory-list .list-area .list-items .item .txt-area {
  text-align: center;
  padding: 15rem 5rem 0;
}
.inventory-page
  .inventory-list
  .list-area
  .list-items
  .item
  .txt-area
  .artist-info {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 5rem;
}
.inventory-page
  .inventory-list
  .list-area
  .list-items
  .item
  .txt-area
  .artist-info
  .artist-name {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 20rem;
}
.inventory-page
  .inventory-list
  .list-area
  .list-items
  .item
  .txt-area
  .artist-info
  .artist-date {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 20rem;
}
.inventory-page
  .inventory-list
  .list-area
  .list-items
  .item
  .txt-area
  .artwork-info {
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 5rem;
}
.inventory-page
  .inventory-list
  .list-area
  .list-items
  .item
  .txt-area
  .artwork-info
  * {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
}
.inventory-page
  .inventory-list
  .list-area
  .list-items
  .item
  .txt-area
  .artwork-info
  .artwork-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
/* #endregion*/
/* #region inventory-detail*/
.inventory-detail .object-detail {
  padding: 0 115rem 63rem;
}
.inventory-detail .object-detail .navigation-area {
  display: flex;
  gap: 30rem;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 16rem;
}
.inventory-detail .object-detail .navigation-area .item a {
  color: var(--orange);
  text-align: right;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  display: flex;
}
.inventory-detail .object-detail .navigation-area .item a img {
  width: 7.5rem;
}
.inventory-detail .object-detail .object {
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 50rem;
}
.inventory-detail .object-detail .img-area {
  display: flex;
  justify-content: space-between;
  gap: 10rem;
}
.inventory-detail .object-detail .img-area .btns {
  margin-left: 7rem;
}
.inventory-detail .object-detail .img-area .btns .btn-items {
  display: flex;
  flex-direction: column;
  gap: 19rem;
}
.inventory-detail .object-detail .img-area .btns .btn-items .btn-action {
  display: flex;
}
.inventory-detail .object-detail .img-area .btns .btn-items img {
  width: 19rem;
}
.inventory-detail .object-detail .img-area .btns .navigation-area {
  display: none;
}
.inventory-detail .object-detail .img-area .main-img img {
  max-width: 832rem;
}
.inventory-detail .object-detail .img-area .main-img .loader {
  position: relative;
}
.inventory-detail .object-detail .img-area .main-img .loader::after,
.inventory-detail .object-detail .img-area .main-img .loader::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.inventory-detail .object-detail .img-area .main-img .loader::after {
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.9);
  z-index: 1;
}
.inventory-detail .object-detail .img-area .main-img .loader:before {
  width: 70rem;
  height: 70rem;
  margin: 0 auto;
  border: 5rem solid var(--light-gray);
  border-color: var(--orange) var(--orange) var(--light-gray) var(--light-gray);
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotate 3s ease-in-out infinite;
  transform: rotate(-200deg);
  z-index: 99;
  top: 50%;
}
@keyframes rotate {
  0% {
    border-width: 10rem;
  }
  25% {
    border-width: 3rem;
  }
  50% {
    transform: rotate(115deg);
    border-width: 10rem;
  }
  75% {
    border-width: 3rem;
  }
  100% {
    border-width: 10rem;
  }
}
.inventory-detail .object-detail .img-area .additional-imgs {
  position: relative;
}
.inventory-detail .object-detail .img-area .additional-imgs img {
  max-width: 159rem;
}
.inventory-detail
  .object-detail
  .img-area
  .additional-imgs
  .video-play-item
  .open-video-pop-up {
  position: relative;
}
.inventory-detail
  .object-detail
  .img-area
  .additional-imgs
  .video-play-item
  .play-logo {
  position: absolute;
  z-index: 9;
  left: 50%;
  right: 0;
  top: 50%;
  bottom: 0;
  width: 86rem;
  transform: translate(-50%, -50%);
}
.inventory-detail .object-detail .img-area .additional-imgs .btn-arrows {
  display: flex;
  justify-content: center;
  gap: 73rem;
  margin-top: 27rem;
}
.inventory-detail .object-detail .img-area .additional-imgs .btn-arrows button {
  transform: rotate(90deg);
}
.inventory-detail
  .object-detail
  .img-area
  .additional-imgs
  .btn-arrows
  button.prev-btn {
  margin-top: 4rem;
}
.inventory-detail
  .object-detail
  .img-area
  .additional-imgs
  .btn-arrows
  button
  svg {
  width: 12rem;
}
.inventory-detail
  .object-detail
  .img-area
  .additional-imgs
  .btn-arrows
  button
  span {
  font-size: 0;
}
.inventory-detail .object-detail .txt-area {
  width: 602rem;
}
.inventory-detail .object-detail .txt-area.sold {
  display: flex;
  flex-direction: column;
}
.inventory-detail .object-detail .txt-area.sold .txt .title {
  margin-top: 6rem;
}
.inventory-detail .object-detail .txt-area.sold .txt .price {
  margin-top: 16rem;
}
.inventory-detail .object-detail .txt-area.sold .txt-inner {
  margin-top: 77rem;
}
.inventory-detail .object-detail .txt-area .txt .artist-name,
.inventory-detail .object-detail .txt-area .txt .artist-date {
  color: var(--light-gray);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
  display: block;
  line-height: normal;
}
.inventory-detail .object-detail .txt-area .txt .ob-artist:not(:first-child) {
  margin-top: 10rem;
}
.inventory-detail .object-detail .txt-area .txt .artist-date {
  font-family: var(--Albertus-300);
  font-weight: 300;
}
.inventory-detail .object-detail .txt-area .txt .title {
  color: var(--light-gray);
  font-family: var(--workSans-it-300);
  font-weight: 300;
  font-size: 18rem;
  margin-top: 13rem;
  line-height: 28rem;
}
.inventory-detail .object-detail .txt-area .txt .caption {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 18rem;
  margin-top: 8rem;
  line-height: 30rem;
}
.inventory-detail .object-detail .txt-area .txt .price {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 18rem;
  margin-top: 18rem;
  letter-spacing: 1rem;
}
.inventory-detail .object-detail .txt-area .txt .price.status-reserved {
  color: #e35710;
  font-size: 18rem;
  line-height: 160%;
  margin-top: 15rem;
  letter-spacing: 0;
  margin-left: 3px;
}
.inventory-detail .object-detail .txt-area .txt .price-on-request {
  color: var(--light-gray);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 18rem;
  line-height: 160%;
  text-transform: uppercase;
  margin-top: 14rem;
}
.inventory-detail .object-detail .txt-area .btn-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 22rem;
  gap: 24rem;
}
.inventory-detail .object-detail .txt-area .btn-area .enquire {
  color: var(--white);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  border: 1rem solid var(--orange);
  background: var(--orange);
  transition: 0.2s;
  width: 160rem;
  padding: 17rem;
  display: block;
}
.inventory-detail .object-detail .txt-area .btn-area .enquire:hover {
  color: var(--orange);
  border: 1rem solid var(--orange);
  background: var(--white);
}
.inventory-detail .object-detail .txt-area .btn-area .open-pop-up {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  border: 1rem solid var(--light-gray);
  transition: 0.2s;
  padding: 17rem;
  width: 190rem;
}
.inventory-detail .object-detail .txt-area .btn-area .open-pop-up:hover {
  color: var(--white);
  background: var(--light-gray);
}
.inventory-detail .object-detail .txt-area .btn-area .tel-items {
  display: flex;
  gap: 21rem;
}
.inventory-detail .object-detail .txt-area .btn-area .tel-items .tel {
  color: var(--light-gray);
  text-align: right;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 14rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10rem;
  transition: 0.2s;
  width: 135rem;
}
.inventory-detail .object-detail .txt-area .btn-area .tel-items .tel img {
  width: 18rem;
  height: 28rem;
  transform: scale(1);
}
.inventory-detail .object-detail .txt-area .btn-area .tel-items .tel:hover img {
  transform: scale(1.1);
}
.inventory-detail .object-detail .txt-area .btn-area .tel-items .whatsapp img {
  width: 48rem;
  transform: scale(1);
  transition: 0.2s;
}
.inventory-detail
  .object-detail
  .txt-area
  .btn-area
  .tel-items
  .whatsapp
  img:hover {
  transform: scale(1.1);
}
.inventory-detail .object-detail .txt-area .custom {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-it-300);
  font-weight: 300;
  font-size: 18rem;
  margin-top: 21rem;
  line-height: 28rem;
}
.inventory-detail .object-detail .txt-area .info-area {
  margin-top: 20rem;
}
.inventory-detail .object-detail .txt-area .info-area .info-names-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17rem;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-names-list
  .info-name {
  color: var(--orange);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 14rem;
  line-height: 39rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-names-list
  .info-name.active {
  border-bottom: 5rem solid var(--orange);
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-names-list
  .info-name:not(.active):hover {
  border-bottom: 1rem solid var(--orange);
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .txt-items {
  max-height: 203rem;
  overflow: hidden;
  transition: 0.2s;
}
.inventory-detail .object-detail .txt-area .info-area .info-txt-list .item {
  display: none;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .item.active {
  display: block;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .item
  .txt {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  transition: 0.2s;
  line-height: 29rem;
  letter-spacing: 0.1rem;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .item
  .txt
  * {
  color: inherit;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .item
  .txt
  a {
  color: #0056b3;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .item
  .txt.active {
  display: block;
  overflow: visible;
  height: 100%;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .read-more {
  display: block;
  margin: 11rem auto;
  transition: 0.2s;
  position: relative;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .read-more
  span {
  font-size: 0;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .read-more.active
  svg
  .less {
  display: none;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .read-more
  svg {
  width: 32.2rem;
}
.inventory-detail
  .object-detail
  .txt-area
  .info-area
  .info-txt-list
  .read-more:hover
  img {
  transform: scale(1.2);
}
.inventory-detail .object-detail .video-pop-up-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  transform: scale(0);
  transition: ease-in-out 0.2s;
  z-index: 99999;
  background: rgba(51, 51, 51, 0.9);
  border-top: 1rem solid var(--orange);
}
.inventory-detail .object-detail .video-pop-up-area .video-pop-up {
  padding: 48rem 57rem 52rem;
  width: 100%;
  height: 100%;
}
.inventory-detail .object-detail .video-pop-up-area .video-pop-up .inner {
  border-top: 5rem solid var(--orange);
  background: var(--white);
  padding: 30rem 0 52rem;
  height: 91svh;
}
.inventory-detail .object-detail .video-pop-up-area.active {
  transform: scale(1);
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-video {
  width: 100%;
  height: auto;
  transform: scale(0);
  display: none;
  place-items: center;
  background: var(--white);
  height: 94%;
  padding: 41rem 202rem 9rem;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-video.active {
  transform: scale(1);
  display: grid;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-video iframe,
.inventory-detail .object-detail .video-pop-up-area .pop-up-video video {
  height: 100%;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-header {
  width: 100%;
  position: relative;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-header .logo {
  width: 100%;
  text-align: center;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-header .logo img {
  max-width: 735rem;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-header .close-btn {
  position: absolute;
  right: 27rem;
  top: -8rem;
  z-index: 9;
}
.inventory-detail
  .object-detail
  .video-pop-up-area
  .pop-up-header
  .close-btn
  span {
  font-size: 0;
}
.inventory-detail
  .object-detail
  .video-pop-up-area
  .pop-up-header
  .close-btn
  svg {
  width: 25rem;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-header .title {
  margin-top: 33rem;
  color: #e66009;
  text-align: center;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  font-weight: 400;
  letter-spacing: 2rem;
  text-transform: uppercase;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-thumb {
  position: relative;
  padding: 40rem 203rem;
  width: 100%;
  height: 97%;
}
.inventory-detail .object-detail .video-pop-up-area .pop-up-thumb .play-video {
  position: absolute;
  z-index: 9;
  left: 50%;
  right: 50%;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  bottom: 0;
  transform: translate(-50%, -50%);
}
.inventory-detail
  .object-detail
  .video-pop-up-area
  .pop-up-thumb
  .play-video
  span {
  font-size: 0;
}
.inventory-detail
  .object-detail
  .video-pop-up-area
  .pop-up-thumb
  .play-video
  img {
  width: 220rem;
}
.inventory-detail
  .object-detail
  .video-pop-up-area
  .pop-up-thumb
  .video-thumb-img {
  height: 100%;
  display: flex;
}
.inventory-detail
  .object-detail
  .video-pop-up-area
  .pop-up-thumb
  .video-thumb-img
  img {
  object-fit: cover;
}
.inventory-detail .object-detail .pop-up-area {
  background: rgba(51, 51, 51, 0.9);
  top: -41rem;
}
.inventory-detail .object-detail .pop-up-area .item {
  width: 700rem;
  height: 487rem;
  padding-top: 0;
  padding: 20rem 28rem 20rem 33rem;
}
.inventory-detail .object-detail .pop-up-area .item .head {
  position: relative;
}
.inventory-detail .object-detail .pop-up-area .item .head .site-logo img {
  width: 474rem;
}
.inventory-detail .object-detail .pop-up-area .item .head .btn-close {
  position: absolute;
  right: -22rem;
  top: -20rem;
  z-index: 1;
}
.inventory-detail .object-detail .pop-up-area .item .head .btn-close img {
  width: 15rem;
}
.inventory-detail .object-detail .pop-up-area .item .logo {
  display: block;
  margin-top: 23rem;
}
.inventory-detail .object-detail .pop-up-area .item .logo img {
  width: 63rem;
}
.inventory-detail .object-detail .pop-up-area .item .inner {
  padding-right: 20rem;
}
.inventory-detail .object-detail .pop-up-area .item .inner .title {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--Albertus-300);
  font-weight: 300;
  font-size: 18rem;
  letter-spacing: 1.8rem;
  text-transform: uppercase;
  padding-top: 24rem;
  margin-left: 20rem;
}
.inventory-detail .object-detail .pop-up-area .item .inner .txt {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  margin-top: 41rem;
  line-height: 19rem;
}
.inventory-detail .object-detail .pop-up-area .item .inner .txt a {
  color: var(--orange);
  text-decoration-line: underline;
  font-size: 18rem;
}
.inventory-detail .also-like-section {
  padding: 15rem 115rem 55rem;
}
.inventory-detail .also-like-section .section-title {
  color: var(--orange);
  text-align: center;
  font-family: var(--Albertus-300);
  font-weight: 300;
  font-size: 24rem;
  letter-spacing: 2.4rem;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
}
.inventory-detail .also-like-section .list {
  display: flex;
  gap: 30rem;
  margin-top: 65rem;
}
.inventory-detail .also-like-section .list .item {
  width: 400rem;
}
/* #endregion*/
/* #region news-page*/
.news-page .blog-list-area {
  padding: 54rem 115rem 30rem;
}
.news-page .blog-list-area .last-blog {
  margin-top: 67rem;
}
.news-page .blog-list-area .last-blog .item {
  justify-content: space-between;
  gap: 90rem;
}
.news-page .blog-list-area .last-blog .item .categories {
  display: flex;
  gap: 19rem;
  align-items: center;
  margin-bottom: 60rem;
}
.news-page .blog-list-area .last-blog .item .categories.mb {
  display: none;
}
.news-page .blog-list-area .last-blog .item .categories .blog-category {
  color: var(--orange);
  text-align: right;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20rem;
  transition: 0.2s;
}
.news-page
  .blog-list-area
  .last-blog
  .item
  .categories
  .blog-category:nth-child(1)::after {
  content: '';
  height: 15rem;
  width: 1rem;
  background: var(--orange);
  display: block;
}
.news-page .blog-list-area .last-blog .item .categories .blog-category.active {
  font-family: var(--workSans-700);
  font-weight: 700;
}
.news-page .blog-list-area .last-blog .item .categories span {
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 14rem;
  color: var(--orange);
}
.news-page .blog-list-area .last-blog .item .categories span:nth-child(2) {
  display: none;
}
.news-page .blog-list-area .last-blog .item .txt-area {
  width: 600rem;
  margin-top: 0;
}
.news-page .blog-list-area .last-blog .item .txt-area .date {
  font-size: 18rem;
}
.news-page .blog-list-area .last-blog .item .txt-area .title {
  -webkit-line-clamp: 3;
  font-family: var(--Albertus-400);
  font-weight: 400;
  letter-spacing: 2rem;
}
.news-page .blog-list-area .last-blog .item .txt-area .txt {
  margin-top: 49rem;
  line-height: 29rem;
  -webkit-line-clamp: 7;
}
.news-page .blog-list-area .last-blog .item .txt-area .read-more {
  margin: 38rem 0;
}
.news-page .blog-list-area .blog-list {
  display: flex;
  flex-wrap: wrap;
  gap: 41rem 58rem;
  margin-top: 82rem;
}
.news-page .blog-list-area .blog-list .item {
  flex-direction: column;
  width: calc(33.3% - 39rem);
}
.news-page .blog-list-area .item {
  display: flex;
}
.news-page .blog-list-area .item .txt-area {
  margin-top: 23rem;
}
.news-page .blog-list-area .item .txt-area .date {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 14rem;
  text-transform: capitalize;
}
.news-page .blog-list-area .item .txt-area .title {
  color: var(--orange);
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 20rem;
  text-transform: uppercase;
  margin-top: 9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 25rem;
}
.news-page .blog-list-area .item .txt-area .txt {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: 0.2s;
  margin-top: 3rem;
  line-height: 22rem;
  text-align: justify;
}
.news-page .blog-list-area .item .txt-area .txt.active {
  display: block;
}
.news-page .blog-list-area .item .txt-area .txt img {
  width: 100% !important;
  height: 100% !important;
  display: none;
}
.news-page .blog-list-area .item .txt-area .txt * {
  font-size: 18rem !important;
  color: var(--light-gray);
}
.news-page .blog-list-area .item .txt-area .read-more {
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  display: block;
  width: 270rem;
  background: var(--white);
  padding: 13rem;
  margin: 38rem auto;
  cursor: pointer;
  transition: 0.4s;
  border: 1rem solid var(--orange);
}
.news-page .blog-list-area .item .txt-area .read-more:hover {
  background: var(--orange);
  color: var(--white);
}
/* #endregion*/
/* #region news-detail-page*/
.news-detail-page .blog-detail {
  padding: 54rem 115rem 99rem;
}
.news-detail-page .blog-detail .btn-items {
  display: flex;
  justify-content: center;
  gap: 17rem;
  padding-top: 35rem;
}
.news-detail-page .blog-detail .btn-items .btn-action,
.news-detail-page .blog-detail .btn-items span {
  color: var(--orange);
  text-align: right;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 18rem;
  line-height: 30rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
}
.news-detail-page .blog-detail .blog-item {
  padding: 0 145rem;
}
.news-detail-page .blog-detail .blog-item .top-area {
  text-align: center;
  margin-top: 20rem;
}
.news-detail-page .blog-detail .blog-item .top-area .inner {
  display: flex;
  justify-content: center;
  gap: 8rem;
}
.news-detail-page .blog-detail .blog-item .top-area .date,
.news-detail-page .blog-detail .blog-item .top-area .post {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 18rem;
  letter-spacing: 0.1rem;
}
.news-detail-page .blog-detail .blog-item .top-area .title {
  color: var(--black);
  text-align: center;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
  margin-top: 9rem;
}
.news-detail-page .blog-detail .blog-item .txt-area {
  margin-top: 32rem;
}
.news-detail-page .blog-detail .blog-item .txt-area .desc {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  text-align: justify;
  line-height: 30rem;
}
.news-detail-page .blog-detail .blog-item .txt-area .desc a {
  color: var(--orange);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 16rem;
  text-decoration-line: underline;
}
.news-detail-page .blog-detail .blog-item .txt-area .desc em {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-it-300);
  font-weight: 300;
  font-size: 18rem;
  font-style: italic;
  font-weight: 300;
}
.news-detail-page .blog-detail .blog-item .txt-area .desc strong {
  color: var(--light-gray);
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 18rem !important;
  margin-top: 10rem;
}
.news-detail-page .blog-detail .blog-item .txt-area .desc img {
  width: 50% !important;
  height: auto !important;
  margin-bottom: 10rem;
}
.news-detail-page .blog-detail .blog-item .txt-area .desc img.one-image,
.news-detail-page .blog-detail .blog-item .txt-area .desc img + img + img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* #endregion*/
/* #region Services-page*/
.services-page .services-list {
  padding: 0 70rem 60rem;
}
.services-page .services-list .section-title {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 30rem;
  letter-spacing: 3rem;
  text-transform: uppercase;
  margin: 53rem auto 61rem;
}
.services-page .services-list .list {
  display: flex;
  justify-content: center;
  gap: 140rem;
}
.services-page .services-list .list .item {
  padding: 0 44rem;
  width: 470rem;
}
.services-page .services-list .list .item .txt-area {
  margin-top: 32rem;
}
.services-page .services-list .list .item .txt-area .title {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 20rem;
  text-transform: uppercase;
}
.services-page .services-list .list .item .txt-area .txt {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  margin-top: 12rem;
  letter-spacing: 0.1rem;
  height: 84rem;
  line-height: 20rem;
}
.services-page .services-list .list .item .txt-area .open-pop-up {
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  width: 270rem;
  border: 1rem solid var(--orange);
  background: var(--white);
  padding: 12rem;
  margin: 37rem auto 0;
  transition: 0.2s;
  display: block;
}
.services-page .services-list .list .item .txt-area .open-pop-up:hover {
  background: var(--orange);
  color: var(--white);
}
.services-page .services-list .pop-up-area .item .head {
  margin-top: 48rem;
}
.services-page .services-list .pop-up-area .item .head .btn-close.mb {
  display: none;
}
.services-page .services-list .pop-up-area .item .inner {
  display: flex;
  justify-content: space-between;
  gap: 65rem;
  width: 100%;
  height: 100%;
  background: var(--white);
  padding: 72rem 270rem 0 362rem;
}
.services-page .services-list .pop-up-area .item .inner .img-area {
  display: flex;
  flex-direction: column;
  width: 590rem;
}
.services-page .services-list .pop-up-area .item .inner .img-area .btn-close {
  align-self: flex-end;
  margin-bottom: 33rem;
}
.services-page .services-list .pop-up-area .item .inner .img-area .main-img {
  width: 560rem;
}
.services-page .services-list .pop-up-area .item .inner .title.mb {
  display: none;
}
.services-page .services-list .pop-up-area .item .inner .txt-area {
  text-align: justify;
  width: 560rem;
}
.services-page .services-list .pop-up-area .item .inner .txt-area .title {
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
  text-decoration-line: none;
  color: var(--orange);
}
.services-page .services-list .pop-up-area .item .inner .txt-area .txt {
  margin-top: 30rem;
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  line-height: 29rem;
  letter-spacing: 0.1rem;
  height: 406rem;
  overflow: auto;
  padding-right: 15rem;
}
.services-page
  .services-list
  .pop-up-area
  .item
  .inner
  .txt-area
  .txt::-webkit-scrollbar {
  width: 5rem;
  margin-top: 25rem;
}
.services-page
  .services-list
  .pop-up-area
  .item
  .inner
  .txt-area
  .txt::-webkit-scrollbar-track {
  background: #fae7d9;
}
.services-page
  .services-list
  .pop-up-area
  .item
  .inner
  .txt-area
  .txt::-webkit-scrollbar-thumb {
  background: var(--orange);
}
.services-page
  .services-list
  .pop-up-area
  .item
  .inner
  .txt-area
  .txt::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}
.services-page .services-list .pop-up-area .item .inner .txt-area .txt strong {
  font-family: var(--workSans-400);
  font-weight: 400;
  color: var(--light-gray);
  font-size: 18rem;
  letter-spacing: 1.3rem;
}
.services-page .services-list .pop-up-area .item .inner .txt-area .txt a {
  color: var(--orange);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  text-decoration-line: underline;
}
.services-page .services-list .pop-up-area .item .inner .txt-area .txt a span {
  color: var(--orange);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  text-decoration-line: underline;
}
.services-page
  .services-list
  .pop-up-area
  .item
  .inner
  .txt-area
  .txt
  a:nth-child(1) {
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
  text-decoration-line: none;
}
/* #endregion*/
/* #region About-page*/
.about-page .pop-up-area .item {
  padding: 65rem 270rem 78rem 390rem;
  margin-bottom: 78rem;
  height: 100svh;
  width: 100%;
  border-top: 5rem solid var(--orange);
  text-align: center;
  background: var(--white);
  position: relative;
}
.about-page .pop-up-area .item .head {
  position: relative;
  margin-right: 117rem;
  display: flex;
  justify-content: center;
}
.about-page .pop-up-area .item .head .btn-close {
  position: absolute;
  right: -11%;
  top: 100%;
  transform: translateY(111%);
  z-index: 9;
  display: flex;
  height: 62rem;
  background: var(--white);
  width: 25rem;
  padding-top: 10rem;
}
.about-page .pop-up-area .item .head .btn-close img {
  width: 15rem;
}
.about-page .pop-up-area .item .pop-up {
  position: relative;
  overflow-y: auto;
  margin-top: 70rem;
  height: 83%;
}
.about-page .pop-up-area .item .pop-up::-webkit-scrollbar {
  width: 5rem;
  margin-top: 25rem;
}
.about-page .pop-up-area .item .pop-up::-webkit-scrollbar-track {
  background: #fae7d9;
}
.about-page .pop-up-area .item .pop-up::-webkit-scrollbar-thumb {
  background: var(--orange);
}
.about-page .pop-up-area .item .pop-up::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}
.about-page .pop-up-area .item .pop-up .inner {
  display: flex;
  justify-content: space-between;
  gap: 80rem;
}
.about-page .pop-up-area .item .pop-up .inner .title {
  color: var(--orange);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
  margin-top: 3rem;
}
.about-page .pop-up-area .item .pop-up .inner .title.mb {
  display: none;
}
.about-page .pop-up-area .item .pop-up .inner .img-area img {
  max-width: 560rem;
}
.about-page .pop-up-area .item .pop-up .inner .txt-area {
  text-align: justify;
  width: 560rem;
  margin-right: 55rem;
}
.about-page .pop-up-area .item .pop-up .inner .txt-area .txt {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  line-height: 29rem;
  letter-spacing: 0.1rem;
  margin-top: 30rem;
}
.about-page .pop-up-area .item .pop-up .inner .txt-area .txt * {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
}
.about-page .pop-up-area .item .pop-up .inner .txt-area .txt a {
  text-decoration: underline;
  letter-spacing: -0.5rem;
}
.about-page .pop-up-area .item .pop-up .inner .txt-area .txt strong {
  font-family: var(--workSans-400);
  font-weight: 400;
  letter-spacing: 0.5rem;
}
.about-page .pop-up-area .item .pop-up .inner .txt-area .txt span {
  color: var(--orange);
}
.about-page .pop-up-area .item .pop-up .inner .txt-area .txt span:nth-child(1) {
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
  text-decoration-line: none;
}
.about-page .pop-up-area .item .pop-up .publication-list {
  margin-bottom: 40rem;
}
.about-page .pop-up-area .item .pop-up .publication-list .section-title {
  color: var(--orange);
  text-align: center;
  font-family: var(--Albertus-300);
  font-size: 24rem;
  font-weight: 300;
  line-height: 36rem;
  letter-spacing: 2.4rem;
  text-transform: uppercase;
  text-align: start;
  margin-top: 40rem;
}
.about-page .pop-up-area .item .pop-up .publication-list .list-items {
  display: flex;
  flex-wrap: wrap;
  gap: 43rem;
  margin-top: 31rem;
}
.about-page
  .pop-up-area
  .item
  .pop-up
  .publication-list
  .list-items
  .publication {
  width: 380rem;
  display: flex;
  flex-direction: column;
  gap: 40rem;
}
.about-page
  .pop-up-area
  .item
  .pop-up
  .publication-list
  .list-items
  .publication
  .txt-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.about-page
  .pop-up-area
  .item
  .pop-up
  .publication-list
  .list-items
  .publication
  .txt-area
  .txt {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.about-page
  .pop-up-area
  .item
  .pop-up
  .publication-list
  .list-items
  .publication
  .txt-area
  .title {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-500);
  font-size: 20rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 23rem;
}
.about-page
  .pop-up-area
  .item
  .pop-up
  .publication-list
  .list-items
  .publication
  .txt-area
  .desc {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-300);
  font-size: 16rem;
  font-weight: 300;
  line-height: 19rem;
}
.about-page
  .pop-up-area
  .item
  .pop-up
  .publication-list
  .list-items
  .publication
  .txt-area
  .btn-link {
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-size: 14rem;
  font-weight: 700;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  padding: 12rem;
  border: 1rem solid var(--orange);
  display: block;
  width: 270rem;
  margin: 29rem auto 0;
}
.about-page .about-list {
  padding: 136rem 115rem 70rem;
}
.about-page .about-list .info {
  display: block;
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 28rem;
  position: relative;
  line-height: 50.5rem;
}
.about-page .about-list .info::after {
  content: '';
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 120rem;
  height: 120rem;
  background-image: url(/media/PortraitMiniatureMedia/Layout/v1/images/ui/LimnerPopUp.svg);
  background-size: cover;
  z-index: 1;
}
.about-page .about-list .info a {
  color: var(--orange);
  font-family: var(--workSans-400);
  font-weight: 400;
  font-size: 28rem;
  text-decoration-line: underline;
  display: inline-block;
  margin-left: 7rem;
}
.about-page .about-list .list-area {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 63rem 46rem;
  margin-top: 70rem;
}
.about-page .about-list .list-area .info-item {
  width: calc(25% - 35rem);
}
.about-page .about-list .list-area .info-item:nth-child(1) {
  order: -1;
  flex: 1 0 100%;
}
.about-page
  .about-list
  .list-area
  .info-item:nth-child(1)
  .txt-area
  .open-pop-up {
  margin-top: 53rem;
}
.about-page .about-list .list-area .info-item:nth-child(11) {
  margin-top: 8rem;
}
.about-page .about-list .list-area .info-item .info {
  display: none;
}
.about-page .about-list .list-area .info-item .img-area {
  width: 388rem;
  margin: 0 auto;
}
.about-page .about-list .list-area .info-item .txt-area {
  text-align: center;
  margin-top: 35rem;
}
.about-page .about-list .list-area .info-item .txt-area .title {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 20rem;
  text-transform: uppercase;
}
.about-page .about-list .list-area .info-item .txt-area .position {
  color: var(--light-gray);
  text-align: center;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 20rem;
  text-transform: uppercase;
  margin-top: 10rem;
  height: 24rem;
}
.about-page .about-list .list-area .info-item .txt-area .open-pop-up {
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  border: 1rem solid var(--orange);
  padding: 12rem;
  margin-top: 54rem;
  transition: 0.2s;
  width: 270rem;
}
.about-page .about-list .list-area .info-item .txt-area .open-pop-up:hover {
  background: var(--orange);
  color: var(--white);
  border: 1rem solid var(--white);
}
/* #endregion*/
/* #region Contact-page*/
.contact-page .contact-area {
  padding: 54rem 117rem 5rem 115rem;
}
.contact-page .contact-area .section-name span {
  width: 508rem;
}
.contact-page .contact-area .section-name::after,
.contact-page .contact-area .section-name::before {
  width: 100%;
}
.contact-page .contact-area .contact-item {
  display: flex;
  justify-content: space-between;
  margin-top: 53rem;
}
.contact-page .contact-area .contact-item .txt-area {
  width: 500rem;
}
.contact-page .contact-area .contact-item .txt-area .title {
  color: var(--orange);
  font-family: var(--Albertus-400);
  font-weight: 400;
  font-size: 20rem;
  letter-spacing: 2rem;
  text-transform: uppercase;
  margin-bottom: 34rem;
}
.contact-page .contact-area .contact-item .txt-area .txt {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  line-height: 26rem;
}
.contact-page .contact-area .contact-item .txt-area .addreses {
  margin-top: 30rem;
}
.contact-page .contact-area .contact-item .txt-area .addreses span {
  color: var(--light-gray);
  text-align: justify;
  font-family: var(--workSans-500);
  font-weight: 500;
  font-size: 18rem;
  display: block;
  line-height: 2.1;
}
.contact-page .contact-area .contact-item .txt-area .addreses span .email {
  color: var(--orange);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
  text-decoration: underline;
}
.contact-page .contact-area .contact-item .txt-area .addreses span .tel {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 18rem;
}
.contact-page .contact-area .contact-item .img-area {
  width: 560rem;
  margin: 5rem 68rem 0 0;
}
.contact-page .contact-area .contact-item .form-area {
  width: 430rem;
  margin-top: 15rem;
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area {
  display: flex;
  flex-direction: column;
  gap: 29rem;
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  .inp-item {
  position: relative;
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  .inp-item
  span.validate-msg {
  position: absolute;
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  input,
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  textarea {
  color: var(--light-gray);
  font-family: var(--workSans-300);
  font-weight: 300;
  font-size: 14rem;
  text-transform: uppercase;
  margin-bottom: 20rem;
  border-bottom: 1rem solid var(--orange);
  padding-bottom: 19rem;
  display: block;
  width: 100%;
  text-align: left;
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  input.validate-msg,
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  textarea.validate-msg {
  margin: 0;
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  input::placeholder,
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  textarea::placeholder {
  color: var(--light-gray);
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  input.subject:not(.validate-msg),
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  textarea.subject:not(.validate-msg) {
  margin-bottom: 10rem;
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .inp-area
  textarea {
  padding-bottom: 22rem;
}
.contact-page
  .contact-area
  .contact-item
  .form-area
  .contactDealerForm
  .btn-send {
  display: block;
  margin: 6rem auto;
  color: var(--orange);
  text-align: center;
  font-family: var(--workSans-700);
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 1.4rem;
  text-transform: uppercase;
  width: 270rem;
  padding: 12rem;
  border: 1rem solid var(--orange);
}
.contact-page .insta-area {
  padding-bottom: 69rem;
}
.contact-page .insta-area .list .item {
  margin-top: 53rem;
}
/* #endregion*/
/* #region Responsive*/
@media screen and (max-width: 767px) {
  html {
    font-size: 1px;
    /* #region General class*/
  }
  .banner-area .item .img-area img {
    height: 260rem;
    object-fit: cover;
  }
  .banner-area .item .txt-area {
    bottom: 38rem;
  }
  .banner-area .item .txt-area .title {
    font-size: 30rem;
    letter-spacing: 2rem;
  }
  .insta-area {
    padding: 0;
  }
  .insta-area .title {
    margin-left: 19rem;
  }
  .insta-area .title span {
    font-size: 16rem;
    letter-spacing: 1rem;
    letter-spacing: 0.9rem;
  }
  .insta-area .list {
    gap: 5rem;
  }
  .insta-area .list .item {
    margin-top: 20rem;
  }
  .insta-area .list .item img {
    border: 1rem solid #999;
  }
  .insta-area .as-dots-container {
    padding-top: 26rem;
  }
  .pop-up-area .item {
    overflow: auto;
  }
  .pop-up-area .item .head .site-logo img {
    width: 280rem;
  }
  .as-dots-container {
    padding-top: 30rem;
  }
  .as-dots-container .as-dot {
    width: 10rem;
    height: 10rem;
  }
  .as-dots-container .as-dot.active {
    background: var(--orange);
  }
  .as-dots-container .as-dot::before {
    content: unset;
  }
  .slide-list {
    position: relative;
  }
  .slide-list .next-prev-btns {
    display: none;
  }
  .section-name {
    gap: 10rem;
  }
  .section-name span {
    letter-spacing: 1.7rem;
    font-size: 16rem;
    width: 100%;
  }
  .section-name::after,
  .section-name::before {
    width: 100%;
    margin-top: 0rem;
  }
  .loading .loader {
    width: 70rem;
    height: 70rem;
  }
  .loading .loader .load.one {
    border-bottom: 3rem solid var(--orange);
  }
  .loading .loader .load.two {
    border-right: 2rem solid var(--orange);
  }
  .loading .loader .load.three {
    border-top: 2rem solid var(--orange);
  }
  .error-page .error {
    padding: 20rem;
  }
  .empty-title {
    width: 100%;
    /* #endregion*/
  }
  .home-page .banner-area .next-prev-btns {
    padding: 0 17rem;
  }
  .home-page .banner-area .next-prev-btns svg {
    width: 19rem;
  }
  .home-page .banner-area .as-dots-container {
    padding: 0;
    position: absolute;
    bottom: 19%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .home-page .banner-area .item .img-area img {
    height: 260rem;
    object-fit: cover;
  }
  .home-page .banner-area .item iframe,
  .home-page .banner-area .item video {
    height: 260rem;
  }
  .home-page .banner-area .item .txt-area {
    width: 100%;
    text-align: center;
    padding-bottom: 10rem;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
  }
  .home-page .banner-area .item .btn-scroll svg {
    width: 20rem;
  }
  .home-page .banner-area .item .btn-scroll svg path {
    stroke: var(--white);
  }
  .home-page .info-txt {
    padding: 17rem 20rem 40rem;
  }
  .home-page .info-txt .txt {
    font-size: 20rem;
    line-height: 32rem;
  }
  .home-page .info-txt .txt span,
  .home-page .info-txt .txt a {
    font-size: 20rem;
  }
  .home-page .object-list {
    padding: 0 20rem;
  }
  .home-page .object-list .as-dots-container {
    padding-top: 26rem;
  }
  .home-page .object-list .section-title {
    font-size: 16rem;
    margin-bottom: 25rem;
  }
  .home-page .object-list .list .item {
    padding: 0;
  }
  .home-page .object-list .list .item .img-area img {
    max-width: 100%;
  }
  .home-page .object-list .list .item .txt-area {
    margin-top: 17rem;
  }
  .home-page .object-list .list .item .txt-area .info {
    gap: 0 3rem;
  }
  .home-page .object-list .list .item .txt-area .info .artist-name,
  .home-page .object-list .list .item .txt-area .info .date {
    font-size: 16rem;
    letter-spacing: 0.1rem;
  }
  .home-page .object-list .list .item .txt-area .artwork-info {
    display: flex;
    justify-content: center;
    gap: 0 3rem;
    flex-wrap: wrap;
    margin-top: 6rem;
  }
  .home-page .object-list .list .item .txt-area .artwork-info * {
    font-size: 16rem;
  }
  .home-page .object-list .btn-link {
    width: 100%;
    margin: 29rem auto 0;
  }
  .home-page .blog-item {
    padding-top: 31rem;
  }
  .home-page .blog-item .item {
    flex-direction: column;
    padding: 26rem 20rem 29rem;
  }
  .home-page .blog-item .item .title.mb {
    display: block;
    margin: 0 auto 20rem;
    color: var(--white);
    text-align: center;
    font-family: var(--workSans-300);
    font-weight: 300;
    letter-spacing: 1.4rem;
    text-transform: uppercase;
    font-size: 14rem;
  }
  .home-page .blog-item .item .img-area,
  .home-page .blog-item .item .txt-area {
    width: 100%;
  }
  .home-page .blog-item .item .txt-area {
    margin-top: 15rem;
    text-align: center;
  }
  .home-page .blog-item .item .txt-area .title {
    display: none;
  }
  .home-page .blog-item .item .txt-area .date {
    font-size: 13rem;
    margin-top: 0;
  }
  .home-page .blog-item .item .txt-area .txt {
    font-size: 16rem;
    margin-top: 19rem;
    line-height: 25rem;
    letter-spacing: 1.6rem;
  }
  .home-page .blog-item .item .txt-area .read-more {
    margin-top: 31rem;
    width: 186rem;
    margin: 30rem auto 0;
    padding: 14rem;
  }
  .home-page .insta-area {
    padding-bottom: 33rem;
    padding-right: 0;
  }
  .home-page .insta-area .title {
    margin-left: 17rem;
    margin-right: 0;
  }
  .home-page .insta-area .title span {
    letter-spacing: 1.6rem;
  }
  .home-page .insta-area .list .item img {
    width: 100%;
  }
  .home-page .footer {
    padding-top: 30rem;
  }
  .events-page .next-prev-btns button {
    padding: 0 8rem;
  }
  .events-page .next-prev-btns button svg {
    width: 18rem;
    height: 32rem;
  }
  .events-page .events-area {
    padding-bottom: 0;
  }
  .events-page .events-area .event-type {
    font-size: 16rem;
    letter-spacing: 1.6rem;
  }
  .events-page .events-area .current-events .item .img-area img,
  .events-page .events-area .forthcoming-events .item .img-area img {
    height: 375rem;
    object-fit: cover;
  }
  .events-page .events-area .current-events .item .img-area::after,
  .events-page .events-area .forthcoming-events .item .img-area::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  .events-page .events-area .current-events .item .txt-area,
  .events-page .events-area .forthcoming-events .item .txt-area {
    width: 100%;
    padding: 0 20rem;
    margin-top: 0;
  }
  .events-page .events-area .current-events .item .txt-area .event-title,
  .events-page .events-area .forthcoming-events .item .txt-area .event-title {
    font-size: 20rem;
    letter-spacing: 2rem;
    margin: 15rem 15rem 20rem;
    line-height: normal;
  }
  .events-page .events-area .current-events .item .txt-area .event-date,
  .events-page .events-area .forthcoming-events .item .txt-area .event-date {
    gap: 0 7rem;
    flex-wrap: wrap;
  }
  .events-page .events-area .current-events .item .txt-area .event-date p,
  .events-page .events-area .forthcoming-events .item .txt-area .event-date p {
    font-size: 16rem;
    letter-spacing: 1.6rem;
  }
  .events-page .events-area .past-events {
    padding: 30rem 20rem 5rem;
  }
  .events-page .events-area .past-events.empty {
    padding-top: 0;
    margin-top: 30rem;
  }
  .events-page .events-area .past-events .event-type {
    font-size: 16rem;
    letter-spacing: 1.6rem;
  }
  .events-page .events-area .past-events .head {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .events-page .events-area .past-events .head .event-type {
    margin: 0;
  }
  .events-page
    .events-area
    .past-events
    .head
    .exhibition-date-tab
    .active-exhibition
    .open-tab {
    gap: 16rem;
  }
  .events-page
    .events-area
    .past-events
    .head
    .exhibition-date-tab
    .active-exhibition
    .open-tab
    svg {
    width: 25rem;
  }
  .events-page
    .events-area
    .past-events
    .head
    .exhibition-date-tab
    .exhibition-items {
    top: 100%;
    right: 0;
    padding: 25rem 0 0;
  }
  .events-page .events-area .past-events .list-items {
    flex-direction: column;
    gap: 28rem;
    margin-top: 20rem;
  }
  .events-page .events-area .past-events .list-items .item {
    width: 100%;
  }
  .events-page .events-area .past-events .list-items .item .txt-area {
    margin-top: 20rem;
  }
  .events-page
    .events-area
    .past-events
    .list-items
    .item
    .txt-area
    .event-title {
    font-size: 16rem;
    line-height: normal;
    min-height: auto;
  }
  .events-page .events-area .past-events .list-items .item .txt-area .btn-more {
    width: 100%;
    margin: 31rem auto 4rem;
  }
  .event-detail-page .section-title {
    font-size: 16rem;
    letter-spacing: 1.6rem;
  }
  .event-detail-page .event-detail-area {
    padding: 8rem 0;
  }
  .event-detail-page .event-detail-area .item {
    padding: 0;
    flex-direction: column;
  }
  .event-detail-page .event-detail-area .item .navigation-buttons-area {
    order: 1;
    position: static;
    text-align: center;
    margin-left: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .event-detail-page .event-detail-area .item .navigation-buttons-area a {
    font-family: var(--workSans-300);
    font-weight: 300;
  }
  .event-detail-page
    .event-detail-area
    .item
    .navigation-buttons-area
    a.btn-page {
    margin-left: 4rem;
    display: flex;
    align-items: center;
  }
  .event-detail-page
    .event-detail-area
    .item
    .navigation-buttons-area
    a.btn-page
    svg {
    width: 14rem;
  }
  .event-detail-page .event-detail-area .item .img-area {
    order: 2;
    margin: 18rem 0;
    width: 100%;
  }
  .event-detail-page .event-detail-area .item .img-area img {
    height: 297rem;
    object-fit: cover;
  }
  .event-detail-page .event-detail-area .item .txt-area {
    order: 3;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0 20rem 30rem;
  }
  .event-detail-page .event-detail-area .item .txt-area .event-date {
    justify-content: center;
    gap: 6rem;
    margin-top: 20rem;
  }
  .event-detail-page .event-detail-area .item .txt-area .event-date p {
    font-size: 16rem;
    letter-spacing: 1.6rem;
  }
  .event-detail-page .event-detail-area .item .txt-area .txt-inner {
    width: 100%;
    height: 100%;
    overflow-y: unset;
    margin-top: 15rem;
  }
  .event-detail-page .event-detail-area .item .txt-area .txt-inner .desc {
    font-size: 16rem;
    line-height: normal;
    margin-right: 0;
  }
  .event-detail-page .event-detail-area .item .txt-area .link-to {
    margin-top: 20rem;
  }
  .event-detail-page .event-detail-area .item .txt-area .btn-area {
    margin-top: 15rem;
  }
  .event-detail-page .event-detail-area .item .txt-area .btn-area.active {
    opacity: 1;
  }
  .event-detail-page
    .event-detail-area
    .item
    .txt-area
    .btn-area.active
    .btn-items {
    opacity: 1;
  }
  .event-detail-page
    .event-detail-area
    .item
    .txt-area
    .btn-area.active
    .mobile-btn-item
    .open-btns
    svg {
    transform: rotate(180deg);
  }
  .event-detail-page .event-detail-area .item .txt-area .btn-area .btn-items {
    opacity: 0;
    flex-direction: column;
    transition: ease-in-out 0.1s;
    position: absolute;
    left: 0;
    top: 97.6%;
    z-index: 9;
    width: 100%;
    background: var(--black);
    padding-bottom: 10rem;
  }
  .event-detail-page
    .event-detail-area
    .item
    .txt-area
    .btn-area
    .btn-items.active {
    opacity: 1;
    position: static;
  }
  .event-detail-page
    .event-detail-area
    .item
    .txt-area
    .btn-area
    .mobile-btn-item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .event-detail-page
    .event-detail-area
    .item
    .txt-area
    .btn-area
    .mobile-btn-item
    span {
    color: var(--orange);
    font-family: var(--Albertus-400);
    font-weight: 400;
    font-size: 14rem;
    line-height: 36rem;
    letter-spacing: 1.4rem;
    text-transform: uppercase;
  }
  .event-detail-page .artworks-area {
    padding: 30rem 20rem 10rem;
  }
  .event-detail-page .artworks-area .artworks-items {
    margin-top: 20rem;
    flex-direction: column;
    gap: 20rem;
  }
  .event-detail-page .artworks-area .artworks-items .item {
    width: 100%;
  }
  .event-detail-page .artworks-area .artworks-items .item .txt-area {
    text-align: center;
  }
  .event-detail-page
    .artworks-area
    .artworks-items
    .item
    .txt-area
    .artist-name {
    font-size: 16rem;
  }
  .event-detail-page
    .artworks-area
    .artworks-items
    .item
    .txt-area
    .artist-name
    a,
  .event-detail-page
    .artworks-area
    .artworks-items
    .item
    .txt-area
    .artist-name
    span {
    font-size: 16rem;
    letter-spacing: normal;
  }
  .event-detail-page .artworks-area .artworks-items .item .txt-area .title {
    font-size: 16rem;
    margin: 10rem 0;
    -webkit-line-clamp: 1;
  }
  .event-detail-page .event-slideshow {
    padding: 10rem 20rem;
  }
  .event-detail-page .event-slideshow .inner {
    margin-top: 20rem;
  }
  .event-detail-page .event-slideshow .inner .title {
    font-size: 16rem;
    letter-spacing: 6.2rem;
    line-height: normal;
    margin-top: 20rem;
  }
  .event-detail-page .event-slideshow .inner .next-prev-btns {
    margin-top: 30rem;
    gap: 56rem;
  }
  .event-detail-page .video-section {
    padding: 20rem;
  }
  .event-detail-page .video-section .video-area {
    margin-top: 20rem;
  }
  .event-detail-page .video-section .video-area .video-item {
    display: flex;
    height: 188rem;
  }
  .event-detail-page .video-section .video-area .video-item .play-video img {
    width: 80rem;
  }
  .event-detail-page
    .video-section
    .video-area
    .video-item
    .play-video
    img.thumbnail {
    height: 100%;
  }
  .event-detail-page .virtual-tour-area {
    padding: 10rem 20rem;
  }
  .event-detail-page .virtual-tour-area .virtual-tour {
    margin-top: 20rem;
    height: 390rem;
  }
  .event-detail-page .virtual-tour-area .virtual-tour iframe {
    height: 100%;
  }
  .event-detail-page .event-publications {
    padding: 20rem 0 10rem;
  }
  .event-detail-page .event-publications .inner {
    padding: 20rem 0;
  }
  .event-detail-page .event-publications .inner .item {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
  .event-detail-page .event-publications .inner .item .img-area {
    margin-left: 0;
    width: 100%;
    padding: 20rem 30rem;
  }
  .event-detail-page .event-publications .inner .item .txt-area {
    margin: 0;
    text-align: center;
  }
  .event-detail-page .event-publications .inner .item .txt-area .type {
    display: none;
  }
  .event-detail-page .event-publications .inner .item .txt-area .date {
    margin-top: 0;
  }
  .event-detail-page .event-publications .inner .item .txt-area .desc {
    font-size: 16rem;
    letter-spacing: 1.6rem;
    line-height: 25rem;
    margin-top: 15rem;
  }
  .event-detail-page .event-publications .inner .item .txt-area .btn-item {
    margin: 20rem auto 38rem;
  }
  .event-detail-page
    .event-publications
    .inner
    .item
    .txt-area
    .next-prev-btns {
    justify-content: center;
    padding-bottom: 0;
    margin: 30rem auto;
  }
  .event-detail-page
    .event-publications
    .inner
    .item
    .txt-area
    .next-prev-btns
    .btn-items {
    width: 101rem;
    gap: 60rem;
  }
  .event-detail-page
    .event-publications
    .inner
    .item
    .txt-area
    .next-prev-btns
    .btn-items
    button {
    display: flex;
    align-items: center;
  }
  .event-detail-page .event-publications .inner .event-type {
    display: block;
    color: var(--white);
    text-align: center;
    font-family: var(--Albertus-300);
    font-weight: 300;
    font-size: 16rem;
    line-height: 36rem;
    letter-spacing: 1.6rem;
    text-transform: uppercase;
  }
  .event-detail-page .footer {
    padding-top: 18rem;
  }
  .inventory-page .inventory-list {
    padding: 17rem 20rem 9rem;
  }
  .inventory-page .inventory-list .section-name span {
    letter-spacing: 0.5rem;
    width: 100%;
  }
  .inventory-page .inventory-list .section-name::after,
  .inventory-page .inventory-list .section-name::before {
    width: 33rem;
  }
  .inventory-page .inventory-list .list-area {
    flex-direction: column;
    margin-top: 25rem;
    gap: 10rem;
  }
  .inventory-page .inventory-list .list-area .list-items {
    justify-content: center;
    gap: 30rem;
  }
  .inventory-page .inventory-list .list-area .list-items .item {
    width: 100%;
  }
  .inventory-page
    .inventory-list
    .list-area
    .list-items
    .item
    .txt-area
    .artist-info {
    padding: 0;
  }
  .inventory-page
    .inventory-list
    .list-area
    .list-items
    .item
    .txt-area
    .artist-info
    .artist-name,
  .inventory-page
    .inventory-list
    .list-area
    .list-items
    .item
    .txt-area
    .artist-info
    .artist-date {
    font-size: 16rem;
  }
  .inventory-page
    .inventory-list
    .list-area
    .list-items
    .item
    .txt-area
    .artwork-info {
    margin-top: 0;
  }
  .inventory-page
    .inventory-list
    .list-area
    .list-items
    .item
    .txt-area
    .artwork-info
    * {
    font-size: 16rem;
  }
  .inventory-page .inventory-list .list-area .categories-area {
    width: 100%;
  }
  .inventory-page .inventory-list .list-area .categories-area .search {
    padding-bottom: 19rem;
  }
  .inventory-page .inventory-list .list-area .categories-area .search svg {
    margin: 0 6rem 0;
  }
  .inventory-page .inventory-list .list-area .categories-area .search input {
    font-size: 16rem;
  }
  .inventory-page .inventory-list .list-area .categories-area .cat-items {
    margin-top: 10rem;
  }
  .inventory-page
    .inventory-list
    .list-area
    .categories-area
    .cat-items
    .category,
  .inventory-page
    .inventory-list
    .list-area
    .categories-area
    .cat-items
    .btn-all {
    font-size: 16rem;
    letter-spacing: 1.5rem;
  }
  .inventory-page
    .inventory-list
    .list-area
    .categories-area
    .cat-items
    .category {
    line-height: 38rem;
  }
  .inventory-page
    .inventory-list
    .list-area
    .categories-area
    .cat-items
    .category:hover {
    transform: unset;
  }
  .inventory-detail .object-detail {
    padding: 20rem 19rem 21rem;
    position: relative;
  }
  .inventory-detail .object-detail .navigation-area {
    display: none;
  }
  .inventory-detail .object-detail .object {
    flex-direction: column;
    gap: 26rem;
  }
  .inventory-detail .object-detail .object .img-area {
    flex-direction: column;
    gap: 17rem;
  }
  .inventory-detail .object-detail .object .img-area .main-img {
    order: 1;
  }
  .inventory-detail .object-detail .object .img-area .main-img img {
    max-width: 100%;
    height: 297rem;
    object-fit: cover;
  }
  .inventory-detail .object-detail .object .img-area .btns {
    order: 2;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
  }
  .inventory-detail .object-detail .object .img-area .btns .btn-items {
    flex-direction: row;
    align-items: center;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .btns
    .btn-items
    .btn-action {
    order: 1;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .btns
    .btn-items
    .btn-print {
    order: 2;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .btns
    .btn-items
    .btn-fullscreen {
    order: 3;
  }
  .inventory-detail .object-detail .object .img-area .btns .navigation-area {
    display: flex;
    gap: 15rem;
    margin-bottom: 0;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .btns
    .navigation-area
    .item
    a
    img {
    width: 9rem;
  }
  .inventory-detail .object-detail .object .img-area .additional-imgs {
    position: relative;
    order: 3;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .additional-imgs
    .carousel-container {
    z-index: 99;
  }
  .inventory-detail .object-detail .object .img-area .additional-imgs img {
    max-width: 100%;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .additional-imgs
    .btn-arrows {
    position: absolute;
    justify-content: space-between;
    width: 100%;
    top: 0;
    bottom: 0;
    margin-top: 0;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .additional-imgs
    .btn-arrows
    button {
    transform: rotate(180deg);
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .additional-imgs
    .btn-arrows
    button
    svg {
    width: 8rem;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .additional-imgs
    .btn-arrows
    .prev-btn {
    margin-left: -16rem;
    margin-top: 0;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .additional-imgs
    .btn-arrows
    .next-btn {
    margin-right: -16rem;
  }
  .inventory-detail
    .object-detail
    .object
    .img-area
    .additional-imgs
    .play-logo {
    width: 50rem;
    height: 50rem;
  }
  .inventory-detail .object-detail .object .txt-area {
    width: 100%;
    margin-top: 0;
  }
  .inventory-detail .object-detail .object .txt-area.sold .txt-inner {
    margin-top: 0;
  }
  .inventory-detail .object-detail .object .txt-area .txt .title {
    font-size: 16rem;
    margin-top: 15rem;
    line-height: 26rem;
  }
  .inventory-detail .object-detail .object .txt-area .txt .caption {
    margin-top: 13rem;
    line-height: 32rem;
  }
  .inventory-detail .object-detail .object .txt-area .txt .price {
    margin-top: 15rem;
  }
  .inventory-detail .object-detail .object .txt-area .btn-area {
    flex-direction: column;
    gap: 20rem;
    margin-top: 21rem;
  }
  .inventory-detail .object-detail .object .txt-area .btn-area .enquire,
  .inventory-detail .object-detail .object .txt-area .btn-area .open-pop-up {
    width: 100%;
    padding: 15rem;
  }
  .inventory-detail .object-detail .object .txt-area .btn-area .tel-items {
    width: 100%;
    justify-content: space-between;
  }
  .inventory-detail .object-detail .object .txt-area .custom {
    font-size: 16rem;
    margin-top: 20rem;
    line-height: 27rem;
  }
  .inventory-detail .object-detail .object .txt-area .info-area {
    margin-top: 18rem;
    height: 100%;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-names-list {
    gap: 11rem 20rem;
    display: grid;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-names-list
    .info-name:nth-child(1) {
    text-align: left;
    grid-row-start: 1;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-names-list
    .info-name:nth-child(2) {
    text-align: right;
    grid-row-start: 1;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-names-list
    .info-name:nth-child(3) {
    text-align: left;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-names-list
    .info-name:nth-child(4) {
    text-align: right;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-names-list
    .info-name {
    width: 106rem;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-txt-list
    .txt-items {
    max-height: 260rem;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-txt-list
    .item
    .txt {
    font-size: 16rem;
    line-height: 26rem;
  }
  .inventory-detail
    .object-detail
    .object
    .txt-area
    .info-area
    .info-txt-list
    .read-more {
    margin: 31rem auto 0;
  }
  .inventory-detail .object-detail .pop-up-area {
    top: 0;
  }
  .inventory-detail .object-detail .pop-up-area .item {
    width: 100%;
    height: 100%;
    padding: 0 20rem;
  }
  .inventory-detail .object-detail .pop-up-area .item .head .site-logo img {
    width: 280rem;
  }
  .inventory-detail .object-detail .pop-up-area .item .head .btn-close {
    top: 24rem;
    right: -8rem;
  }
  .inventory-detail .object-detail .pop-up-area .item .head .btn-close img {
    width: 11rem;
  }
  .inventory-detail .object-detail .pop-up-area .item .inner {
    padding-right: 0;
  }
  .inventory-detail .object-detail .pop-up-area .item .logo {
    display: none;
  }
  .inventory-detail .object-detail .video-pop-up-area {
    border: 0;
  }
  .inventory-detail .object-detail .video-pop-up-area.active {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .inventory-detail .object-detail .video-pop-up-area .video-pop-up {
    padding: 0;
  }
  .inventory-detail .object-detail .video-pop-up-area .video-pop-up .inner {
    border-top: 4.9rem solid var(--orange);
    height: 100vh;
    padding: 0;
  }
  .inventory-detail .object-detail .video-pop-up-area .pop-up-header {
    margin-top: 8rem;
  }
  .inventory-detail .object-detail .video-pop-up-area .pop-up-header .logo img {
    max-width: 280rem;
  }
  .inventory-detail .object-detail .video-pop-up-area .pop-up-header .title {
    margin-top: 25rem;
    font-size: 16rem;
  }
  .inventory-detail
    .object-detail
    .video-pop-up-area
    .pop-up-header
    .close-btn {
    right: 17rem;
    top: 0;
  }
  .inventory-detail
    .object-detail
    .video-pop-up-area
    .pop-up-header
    .close-btn
    svg {
    width: 11rem;
  }
  .inventory-detail .object-detail .video-pop-up-area .pop-up-thumb {
    height: calc(100vh - 100rem);
    padding: 16rem 20rem;
    position: relative;
  }
  .inventory-detail
    .object-detail
    .video-pop-up-area
    .pop-up-thumb
    .video-thumb-img
    img:not(.play-logo) {
    object-fit: cover;
    height: 100%;
  }
  .inventory-detail
    .object-detail
    .video-pop-up-area
    .pop-up-thumb
    .play-video {
    display: flex;
    align-items: center;
    width: 83rem;
    transform: translate(-50%, -50%);
  }
  .inventory-detail
    .object-detail
    .video-pop-up-area
    .pop-up-thumb
    .play-video
    svg {
    width: 83rem;
  }
  .inventory-detail .object-detail .video-pop-up-area .pop-up-video {
    height: calc(100vh - 100rem);
    padding: 17rem 20rem;
  }
  .inventory-detail .also-like-section {
    padding: 13rem 20rem 6rem;
  }
  .inventory-detail .also-like-section .section-title {
    letter-spacing: 1.4rem;
    font-size: 16rem;
  }
  .inventory-detail .also-like-section .list {
    margin-top: 30rem;
  }
  .services-page .banner-area .item .txt-area {
    bottom: 30rem;
  }
  .services-page .services-list {
    padding: 20rem 20rem 9rem;
  }
  .services-page .services-list .section-title {
    font-size: 16rem;
    margin: 13rem auto;
  }
  .services-page .services-list .list {
    flex-direction: column;
    gap: 10rem;
  }
  .services-page .services-list .list .item {
    padding: 0;
    width: 100%;
    margin-top: 20rem;
  }
  .services-page
    .services-list
    .list
    .item:nth-child(1)
    .txt-area
    .open-pop-up {
    margin-top: 30rem;
  }
  .services-page .services-list .list .item .img-area {
    width: 100%;
  }
  .services-page .services-list .list .item .txt-area {
    margin-top: 16rem;
  }
  .services-page .services-list .list .item .txt-area .txt,
  .services-page .services-list .list .item .txt-area .title {
    font-size: 16rem;
  }
  .services-page .services-list .list .item .txt-area .txt {
    letter-spacing: 0.1rem;
    height: auto;
    line-height: 19rem;
    margin-top: 17rem;
  }
  .services-page .services-list .list .item .txt-area .open-pop-up {
    font-size: 14rem;
    width: 100%;
    margin-top: 20rem;
    padding: 12rem;
  }
  .services-page .services-list .pop-up-area .item {
    padding: 0 20rem 20rem;
  }
  .services-page .services-list .pop-up-area .item .head {
    margin-top: 0;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: var(--white);
    width: 100%;
    margin-top: 5rem;
  }
  .services-page .services-list .pop-up-area .item .head .btn-close.mb {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
  }
  .services-page .services-list .pop-up-area .item .head .btn-close.mb img {
    width: 11rem;
  }
  .services-page .services-list .pop-up-area .item .inner {
    flex-direction: column;
    padding: 0;
    gap: 0;
    height: auto;
  }
  .services-page .services-list .pop-up-area .item .inner .title.mb {
    order: 1;
    font-size: 16rem;
    display: block;
    color: var(--orange);
    font-family: var(--Albertus-400);
    font-weight: 400;
    margin-top: 24rem;
    text-transform: uppercase;
    letter-spacing: 1.5rem;
    text-transform: uppercase;
  }
  .services-page .services-list .pop-up-area .item .inner .txt-area,
  .services-page .services-list .pop-up-area .item .inner .img-area {
    width: 100%;
  }
  .services-page .services-list .pop-up-area .item .inner .img-area {
    order: 2;
    margin-top: 20rem;
  }
  .services-page .services-list .pop-up-area .item .inner .txt-area {
    order: 3;
  }
  .services-page .services-list .pop-up-area .item .inner .txt-area .title {
    display: none;
  }
  .services-page .services-list .pop-up-area .item .inner .txt-area .txt {
    font-size: 16rem;
    height: 100%;
    overflow: hidden;
    padding-right: 0;
    margin-top: 19rem;
    letter-spacing: 0.1rem;
    line-height: 26rem;
  }
  .services-page .services-list .pop-up-area .item .inner .txt-area .txt strong,
  .services-page .services-list .pop-up-area .item .inner .txt-area .txt a,
  .services-page .services-list .pop-up-area .item .inner .txt-area .txt span {
    font-size: 16rem;
  }
  .services-page
    .services-list
    .pop-up-area
    .item
    .inner
    .txt-area
    .txt
    strong {
    letter-spacing: 0.1rem;
  }
  .services-page .services-list .pop-up-area .item .inner .img-area .btn-close {
    display: none;
  }
  .services-page .services-list .pop-up-area .item .inner .img-area .main-img {
    width: 100%;
  }
  .about-page .banner-area .item .txt-area {
    bottom: 30rem;
  }
  .about-page .about-list {
    padding: 20rem 20rem 7rem;
  }
  .about-page .about-list .info {
    font-size: 20rem;
    line-height: 36rem;
  }
  .about-page .about-list .info::after {
    display: none;
  }
  .about-page .about-list .info a {
    font-size: 20rem;
  }
  .about-page .about-list .list-area {
    flex-direction: column;
    margin-top: 31rem;
    gap: 29rem;
  }
  .about-page .about-list .list-area .info-item {
    width: 100%;
  }
  .about-page .about-list .list-area .info-item:nth-child(1) .img-area {
    margin-top: 0;
  }
  .about-page
    .about-list
    .list-area
    .info-item:nth-child(1)
    .txt-area
    .open-pop-up {
    margin-top: 19rem;
  }
  .about-page .about-list .list-area .info-item:nth-child(11) {
    margin-top: 0;
  }
  .about-page .about-list .list-area .info-item .img-area {
    width: 100%;
  }
  .about-page .about-list .list-area .info-item .txt-area {
    margin-top: 16rem;
  }
  .about-page .about-list .list-area .info-item .txt-area .title,
  .about-page .about-list .list-area .info-item .txt-area .position {
    font-size: 16rem;
  }
  .about-page .about-list .list-area .info-item .txt-area .position {
    margin-top: 16rem;
    height: auto;
  }
  .about-page .about-list .list-area .info-item .txt-area .open-pop-up {
    font-size: 14rem;
    width: 100%;
    margin-top: 17rem;
  }
  .about-page .pop-up-area .item {
    padding: 0 20rem;
    height: 100dvh;
  }
  .about-page .pop-up-area .item .head {
    margin: 0;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: var(--white);
    display: flex;
    justify-content: center;
    margin-top: 7rem;
  }
  .about-page .pop-up-area .item .head .btn-close {
    transform: unset;
    margin-left: 25rem;
    top: 0;
    right: -4rem;
    height: auto;
    width: auto;
    margin: 0;
  }
  .about-page .pop-up-area .item .head .btn-close img {
    width: 12rem;
  }
  .about-page .pop-up-area .item .pop-up {
    margin-top: 0;
    overflow: hidden;
    height: auto;
  }
  .about-page .pop-up-area .item .pop-up .inner {
    flex-direction: column;
    gap: 0;
    margin-top: 24rem;
  }
  .about-page .pop-up-area .item .pop-up .inner .title {
    font-size: 16rem;
    letter-spacing: 1.5rem;
  }
  .about-page .pop-up-area .item .pop-up .inner .title.mb {
    display: block;
  }
  .about-page .pop-up-area .item .pop-up .inner .img-area {
    margin-top: 14rem;
  }
  .about-page .pop-up-area .item .pop-up .inner .txt-area {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .about-page .pop-up-area .item .pop-up .inner .txt-area .txt {
    font-size: 16rem;
    margin-top: 16rem;
    line-height: 26rem;
    height: auto;
    padding-bottom: 27rem;
    letter-spacing: -0.1rem;
  }
  .about-page .pop-up-area .item .pop-up .inner .txt-area .txt * {
    font-size: 16rem;
    letter-spacing: 0.1rem;
  }
  .about-page .pop-up-area .item .pop-up .inner .txt-area .txt a {
    letter-spacing: 0.1rem;
  }
  .about-page .pop-up-area .item .pop-up .inner .txt-area .txt strong {
    display: block;
    text-align: left;
  }
  .about-page .pop-up-area .item .pop-up .inner .txt-area .title {
    display: none;
  }
  .about-page .pop-up-area .item .pop-up .publication-list .section-title {
    margin-top: 0;
  }
  .about-page .pop-up-area .item .pop-up .publication-list .list-items {
    flex-direction: column;
    margin-top: 21rem;
    gap: 30rem;
  }
  .about-page
    .pop-up-area
    .item
    .pop-up
    .publication-list
    .list-items
    .publication {
    width: 100%;
  }
  .about-page
    .pop-up-area
    .item
    .pop-up
    .publication-list
    .list-items
    .publication
    .img-area {
    display: none;
  }
  .about-page
    .pop-up-area
    .item
    .pop-up
    .publication-list
    .list-items
    .publication
    .txt-area
    .btn-link {
    width: 100%;
    margin-top: 18rem;
  }
  .about-page
    .pop-up-area
    .item
    .pop-up
    .publication-list
    .list-items
    .publication
    .txt-area
    .txt {
    gap: 10rem;
  }
  .about-page
    .pop-up-area
    .item
    .pop-up
    .publication-list
    .list-items
    .publication
    .txt-area
    .title,
  .about-page
    .pop-up-area
    .item
    .pop-up
    .publication-list
    .list-items
    .publication
    .txt-area
    .desc {
    font-size: 16rem;
    text-align: left;
  }
  .about-page
    .pop-up-area
    .item
    .pop-up
    .publication-list
    .list-items
    .publication
    .txt-area
    .title {
    line-height: 20rem;
  }
  .contact-page .contact-area {
    padding: 16rem 20rem 7rem;
  }
  .contact-page .contact-area .contact-item {
    flex-direction: column;
    margin-top: 17rem;
  }
  .contact-page .contact-area .contact-item .section-name span {
    width: 50%;
  }
  .contact-page .contact-area .contact-item .txt-area,
  .contact-page .contact-area .contact-item .img-area,
  .contact-page .contact-area .contact-item .form-area {
    width: 100%;
  }
  .contact-page .contact-area .contact-item .txt-area .title {
    font-size: 16rem;
    letter-spacing: 1.5rem;
    margin-bottom: 20rem;
  }
  .contact-page .contact-area .contact-item .txt-area .txt {
    font-size: 16rem;
  }
  .contact-page .contact-area .contact-item .txt-area .addreses {
    margin-top: 14rem;
    padding: 0 3rem;
  }
  .contact-page .contact-area .contact-item .txt-area .addreses span {
    font-size: 16rem;
  }
  .contact-page .contact-area .contact-item .txt-area .addreses span .email,
  .contact-page .contact-area .contact-item .txt-area .addreses span .tel {
    font-size: 16rem;
  }
  .contact-page .contact-area .contact-item .img-area {
    margin-right: 0;
    margin-top: 29rem;
  }
  .contact-page .contact-area .contact-item .form-area {
    margin-top: 26rem;
  }
  .contact-page
    .contact-area
    .contact-item
    .form-area
    .contactDealerForm
    .inp-area
    textarea {
    margin-top: 10rem;
    margin-bottom: 12rem;
    padding-bottom: 12rem;
  }
  .contact-page
    .contact-area
    .contact-item
    .form-area
    .contactDealerForm
    .inp-area
    input.validate-msg,
  .contact-page
    .contact-area
    .contact-item
    .form-area
    .contactDealerForm
    .inp-area
    textarea.validate-msg {
    margin-bottom: 10rem;
  }
  .contact-page
    .contact-area
    .contact-item
    .form-area
    .contactDealerForm
    .btn-send {
    width: 100%;
    margin: 17rem auto 3rem;
  }
  .contact-page .contact-area .contact-item .form-area .invisible-recaptcha {
    display: none;
  }
  .contact-page .insta-area {
    padding-bottom: 32rem;
  }
  .contact-page .insta-area .list .item {
    margin-top: 22rem;
  }
  .contact-page .insta-area .list .item img {
    width: 100%;
  }
  .news-page .blog-list-area {
    padding: 18rem 20rem;
  }
  .news-page .blog-list-area .section-name {
    gap: 0;
  }
  .news-page .blog-list-area .section-name span {
    width: 50%;
  }
  .news-page .blog-list-area .last-blog {
    margin-top: 0;
  }
  .news-page .blog-list-area .last-blog .item {
    flex-direction: column;
    margin-top: 17rem;
    gap: 0;
  }
  .news-page .blog-list-area .last-blog .item .categories {
    justify-content: center;
    margin-bottom: 0;
    gap: 14rem;
  }
  .news-page .blog-list-area .last-blog .item .categories.mb {
    display: flex;
  }
  .news-page .blog-list-area .last-blog .item .categories .blog-category {
    font-size: 14rem;
    gap: 14rem;
  }
  .news-page .blog-list-area .last-blog .item .img-area {
    margin-top: 21rem;
  }
  .news-page .blog-list-area .last-blog .item .txt-area {
    width: 100%;
    margin-top: 19rem;
  }
  .news-page .blog-list-area .last-blog .item .txt-area .categories {
    display: none;
  }
  .news-page .blog-list-area .last-blog .item .txt-area .date,
  .news-page .blog-list-area .last-blog .item .txt-area .title {
    font-size: 16rem;
  }
  .news-page .blog-list-area .last-blog .item .txt-area .title {
    margin-top: 20rem;
    line-height: 20rem;
    display: block;
    text-align: left;
  }
  .news-page .blog-list-area .last-blog .item .txt-area .txt {
    margin-top: 22rem;
    line-height: 26rem;
    -webkit-line-clamp: 12;
    text-align: justify;
  }
  .news-page .blog-list-area .last-blog .item .txt-area .read-more {
    margin: 16rem auto;
  }
  .news-page .blog-list-area .blog-list {
    margin-top: 13rem;
    gap: 10rem;
  }
  .news-page .blog-list-area .blog-list .item {
    width: 100%;
  }
  .news-page .blog-list-area .blog-list .item .txt-area .txt {
    line-height: 22rem;
    margin-top: 17rem;
    -webkit-line-clamp: 4;
  }
  .news-page .blog-list-area .blog-list .item .txt-area .txt * {
    font-size: 16rem !important;
    color: var(--light-gray);
  }
  .news-page .blog-list-area .blog-list .item .txt-area .title {
    margin-top: 23rem;
  }
  .news-page .blog-list-area .blog-list .item .txt-area .read-more {
    margin: 19rem auto;
  }
  .news-page .blog-list-area .item .txt-area {
    margin-top: 20rem;
  }
  .news-page .blog-list-area .item .txt-area .title {
    margin-top: 17rem;
    line-height: 19rem;
    -webkit-line-clamp: 12;
    letter-spacing: 0.1rem;
    font-size: 16rem;
  }
  .news-page .blog-list-area .item .txt-area .txt {
    font-size: 16rem;
  }
  .news-page .blog-list-area .item .txt-area .read-more {
    width: 100%;
  }
  .news-detail-page .blog-detail {
    padding: 17rem 20rem 31rem;
  }
  .news-detail-page .blog-detail .section-name span {
    width: 50%;
  }
  .news-detail-page .blog-detail .btn-items {
    justify-content: center;
    padding: 0;
    margin-top: 20rem;
    gap: 11rem;
  }
  .news-detail-page .blog-detail .btn-items .btn-action {
    font-size: 14rem;
  }
  .news-detail-page .blog-detail .blog-item {
    padding: 0;
  }
  .news-detail-page .blog-detail .blog-item .top-area {
    margin-top: 10rem;
  }
  .news-detail-page .blog-detail .blog-item .top-area img {
    width: 100% !important;
    height: 100% !important;
  }
  .news-detail-page .blog-detail .blog-item .top-area .date,
  .news-detail-page .blog-detail .blog-item .top-area .post,
  .news-detail-page .blog-detail .blog-item .top-area .title {
    font-size: 16rem;
  }
  .news-detail-page .blog-detail .blog-item .top-area .title {
    letter-spacing: 1.5rem;
    margin-top: 13rem;
  }
  .news-detail-page .blog-detail .blog-item .txt-area {
    margin-top: 19rem;
  }
  .news-detail-page .blog-detail .blog-item .txt-area .desc {
    font-size: 16rem;
    line-height: 26rem;
  }
  .news-detail-page .blog-detail .blog-item .txt-area .desc a,
  .news-detail-page .blog-detail .blog-item .txt-area .desc em,
  .news-detail-page .blog-detail .blog-item .txt-area .desc strong {
    font-size: 16rem !important;
  }
  .news-detail-page .blog-detail .blog-item .txt-area .desc img {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0;
  }
  .news-detail-page .blog-detail .blog-item .txt-area .desc img:nth-child(1) {
    margin-top: 20rem;
  }
}
@media screen and (max-width: 355px) {
  .site-logo img {
    width: 230rem !important;
  }
  .insta-area .title {
    margin-left: 0;
  }
  .insta-area .title span {
    letter-spacing: 0.1rem;
  }
}
/* #endregion*/