.gallery-arrow .slick-arrow {
  color: #000 !important;
  margin: auto 35px !important;
}

.p-relative {
  position: relative !important;
}

/*	.gallery-arrow .slick-next {
    right: 45%;
}
.gallery-arrow .slick-prev {
    left: 44%;
}*/

.gallery-arrow .slick-prev:before,
.gallery-arrow .slick-next:before {
  color: #000 !important;
}

.gallery-arrow .slick-prev,
.gallery-arrow .slick-next {
  font-size: 0;
  line-height: 0;
  padding: 10px;
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 8px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  /* color: transparent; */
  border: 1px solid #000;
  outline: none;
  z-index: 999;
  background: #fff;
}

#gallery {
  /*background-image:url(assets/images/banner/gallery-bg.webp);*/
}

#text-hide {
  display: none;
}

#toggle {
  color: var(--main-color);
  border: none;
  font-weight: 700;
  background: #fff;
}

.keyboard {
  /*text-align: center;*/
  text-shadow: 0.1px 2px 0.7px #000;
  /*background: var(--main-color);*/
  /*padding-left: 10px;*/
  margin-bottom: 10px;
}

.check {
  font-size: 12px;
}

.verticle_txt-right {
  color: #e5e5e5;
  /*text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;*/
  /*color: #fff;*/
  /*font-family: "AmentiBlack";*/
  margin-bottom: 0;
  transform: rotate(0deg);
  font-size: 4vw;
  line-height: 3.5vw;
  writing-mode: vertical-lr;
  text-orientation: mixed;
}

.p-absolute {
  position: absolute;
}

.verticle_txt {
  /*color: #e5e5e5;*/
  text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000,
    -1px 1px 0 #000;
  color: #fff;
  margin: auto 0;
  margin-top: 80px;
  font-family: "AmentiBlack";
  margin-bottom: 0;
  transform: rotate(180deg);
  font-size: 30px;
  line-height: 0.8;
  writing-mode: vertical-lr;
  text-orientation: mixed;
}

.hidden-text {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  font-size: 20px;
}

.popup-radius {
  border-top-left-radius: 5pc !important;
}

.abt-img {
  border-top-left-radius: 10pc !important;
}

.highlight-heading {
  font-size: 30px !important;
}

.arck-team-item:before {
  z-index: -1;
}

.overlay {
  overflow: hidden;
  padding: 50px 0px;
  background: #0000007d;
}

#archx-work-process .slick-prev:before,
#archx-work-process .slick-next:before {
  border: 1px solid;
  padding: 5px;
  border-radius: 50%;
  font-size: 26px;
  color: var(--main-color);
}

/*slider dots for slideing*/
.arck-slider-area .slick-dots {
  display: none;
}

.w-80 {
  width: 180px !important;
}

.counter-icons {
  filter: invert(100%);
}

@media only screen and (max-width: 480px) {
  #arck-slider-1 video {
    height: 100vh;
    object-fit: cover;
  }
}

.key {
  color: #3169b3;
  font-size: 18px;
  display: inline-block;
  font-weight: bolder;
  letter-spacing: 2px;
  transition: transform 0.2s;
}

@keyframes pressDown1 {
  30%,
  40%,
  100% {
    transform: translateY(0);
  }

  35% {
    transform: translateY(10px);
  }
}

@keyframes pressDown2 {
  70%,
  80%,
  100% {
    transform: translateY(0);
  }

  75% {
    transform: translateY(10px);
  }
}

@keyframes pressDown3 {
  30%,
  40%,
  100% {
    transform: translateY(0);
  }

  35% {
    transform: translateY(10px);
  }
}

@keyframes pressDown4 {
  40%,
  50%,
  100% {
    transform: translateY(0);
  }

  45% {
    transform: translateY(10px);
  }
}

@keyframes pressDown5 {
  20%,
  30%,
  100% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(10px);
  }
}

@keyframes pressDown6 {
  60%,
  70%,
  100% {
    transform: translateY(0);
  }

  65% {
    transform: translateY(10px);
  }
}

@keyframes pressDown7 {
  10%,
  20%,
  100% {
    transform: translateY(0);
  }

  15% {
    transform: translateY(10px);
  }
}

@keyframes pressDown8 {
  35%,
  45%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(10px);
  }
}

.key:nth-child(1) {
  animation: pressDown1 2s infinite;
}

.key:nth-child(2) {
  animation: pressDown2 3s infinite;
}

.key:nth-child(3) {
  animation: pressDown3 4s infinite;
}

.key:nth-child(4) {
  animation: pressDown4 2.5s infinite;
}

.key:nth-child(5) {
  animation: pressDown5 2.5s infinite;
}

.key:nth-child(6) {
  animation: pressDown6 3.5s infinite;
}

.key:nth-child(7) {
  animation: pressDown7 2.2s infinite;
}
.peace-of-plot .blog-meta h3 {
  font-size: 40px;

  /*font-family: seaside;*/

  font-family: DancingScript-Medium;

  letter-spacing: 0.03em;

  font-weight: 400;
}

.peace-of-plot .blog-meta p {
  font-size: 16px;
  display: block;
}

.peace-of-plot-mob .arck-blog-item .inner-text,
.peace-of-plot-mob .arck-blog-item-2 .inner-text {
  padding: 0px 15px 20px;
}

.peace-of-plot-mob .blog-meta h3 {
  font-size: 40px;

  /*font-family: seaside;*/

  font-family: DancingScript-Medium;

  letter-spacing: 0.03em;

  font-weight: 400;
}

.peace-of-plot-mob .blog-meta {
  margin-bottom: 0px;
  text-align: center !important;
}

.peace-of-plot-mob .blog-meta p {
  font-size: 14px;
  display: block;

  padding-bottom: 10px;
}
.modal-body {
  padding: 28px;
}
.cursor-pointer {
  cursor: pointer;
}
.subtitle {
  font-size: 20px;
  color: var(--main-color);
}
.bg-light-green {
  background: #e3eacc;
}