/* Generated RTL mirror for physical rules in the purchased template. */
html[dir="rtl"] .vl-btn1::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  width: 10px;
  border-radius: 70px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .vl-btn1 span {
  display: inline-block;
  transform: rotate(-45deg) translateX(0px) translateY(1px);
  transition: all 0.4s;
}
html[dir="rtl"] .vl-btn1 .arrow2 {
  transform: translateY(-4px) rotate(-45deg) translateX(48px);
  transition: all 0.4s;
  opacity: 0;
}
html[dir="rtl"] .vl-btn1:hover .arrow2 {
  transform: translateY(12px) rotate(-45deg) translateX(18px);
  transition: all 0.4s;
  opacity: 1;
}
html[dir="rtl"] .vl-btn1:hover .arrow1 {
  transition: all 0.4s;
  transform: translateY(-7px) rotate(-45deg) translateX(-45px);
  opacity: 0;
}
html[dir="rtl"] .vl-btn1:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  right: 0;
  width: 100%;
}
html[dir="rtl"] .image-anime:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  right: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(50%, -50%) rotate(-45deg);
  z-index: 1;
}
html[dir="rtl"] .reveal img {
  /* height: 100%; */
  width: 100%;
  display: inline-block;
  -o-object-fit: cover;
  object-fit: cover;
  transform-origin: right;
}
html[dir="rtl"] .about2 .heading1 .arrow-btnarea a .arrow1 {
  position: absolute;
  right: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-right: -20px;
}
html[dir="rtl"] .about2 .heading1 .arrow-btnarea a .circle {
  position: absolute;
  margin-bottom: 0;
  font-size: var(--ztc-font-size-font-s14);
  text-transform: uppercase;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  color: var(--ztc-text-text-4);
}
html[dir="rtl"]
  .about3-section-area
  .about-images-area
  .author-img
  .elements10 {
  position: absolute;
  right: 45%;
  top: 30px;
  z-index: -1;
}
html[dir="rtl"]
  .about3-section-area
  .about-images-area
  .author-img
  .arrow-btnarea {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-right: -120px;
}
html[dir="rtl"]
  .about3-section-area
  .about-images-area
  .author-img
  .arrow-btnarea
  a
  .arrow1 {
  position: absolute;
  right: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  filter: brightness(0) invert(1);
  margin-top: -20px;
  margin-right: -20px;
}
html[dir="rtl"]
  .about3-section-area
  .about-images-area
  .author-img
  .arrow-btnarea
  a
  .circle {
  position: absolute;
  margin-bottom: 0;
  font-size: var(--ztc-font-size-font-s14);
  text-transform: uppercase;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  color: var(--tg-color-white-default);
}
html[dir="rtl"]
  .about3-section-area
  .about-heading
  .btn-area1
  .man-images-text {
  display: flex;
  align-items: center;
  padding-right: 20px;
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .about3-section-area
    .about-heading
    .btn-area1
    .man-images-text {
    padding-right: 0;
    margin-top: 24px;
  }
}
html[dir="rtl"]
  .about3-section-area
  .about-heading
  .btn-area1
  .man-images-text
  .man-text {
  padding-right: 16px;
}
html[dir="rtl"] .service1-inner .service-single-boxarea .content-area .icons {
  height: 80px;
  width: 80px;
  display: inline-block;
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  line-height: 80px;
  position: absolute;
  z-index: 1;
  text-align: center;
  right: 50%;
  margin-right: -40px;
  top: -40px;
  transition: all 0.4s;
}
html[dir="rtl"] .hero2-section-area .hero-heading form button {
  border: none;
  outline: none;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  text-align: center;
  line-height: 50px;
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 12px;
  top: 12px;
}
html[dir="rtl"]
  .hero2-section-area
  .hero-heading
  .star-img-area
  .img
  li:nth-child(2) {
  position: relative;
  right: -22px;
}
html[dir="rtl"]
  .hero2-section-area
  .hero-heading
  .star-img-area
  .img
  li:nth-child(3) {
  position: relative;
  right: -40px;
}
html[dir="rtl"]
  .hero2-section-area
  .hero-heading
  .star-img-area
  .img
  li:nth-child(4) {
  position: relative;
  right: -60px;
}
html[dir="rtl"]
  .hero2-section-area
  .hero-heading
  .star-img-area
  .img
  li:nth-child(5) {
  position: relative;
  right: -80px;
}
html[dir="rtl"] .hero2-section-area .hero-heading .star-img-area .rating {
  margin-right: -65px;
}
html[dir="rtl"] .hero3-slider .hero3 .absoulate-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 50%;
  object-fit: cover;
}
html[dir="rtl"] .hero3-slider .custom-prev,
html[dir="rtl"] .hero3-slider .custom-next {
  background: var(--ztc-bg-bg-1);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  text-align: center;
  line-height: 56px;
  display: inline-block;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  position: relative;
  right: 0;
  top: 0;
  margin-top: 30px;
}
html[dir="rtl"] .hero3-slider .slide-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
html[dir="rtl"] .hero4-slider-sectionarea .hero4-slider-area .h-bg1 {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 40px;
  height: 100%;
  width: 100%;
}
html[dir="rtl"] .hero4-slider-sectionarea .hero4-slider-area .elements5 {
  position: absolute;
  bottom: 0;
  left: 0;
}
html[dir="rtl"]
  .hero4-slider-sectionarea
  .hero4-slider-area.slick-slide.slick-current.slick-active
  h5 {
  transition:
    transform 1400ms ease,
    opacity 1400ms ease;
  transform: translateX(0px);
  opacity: 1;
}
html[dir="rtl"]
  .hero4-slider-sectionarea
  .hero4-slider-area.slick-slide.slick-current.slick-active
  h1 {
  transition:
    transform 1600ms ease,
    opacity 1600ms ease;
  transform: translateX(0px);
  opacity: 1;
}
html[dir="rtl"]
  .hero4-slider-sectionarea
  .hero4-slider-area.slick-slide.slick-current.slick-active
  .form-area {
  transition:
    transform 1800ms ease,
    opacity 1800ms ease;
  transform: translateX(0px);
  opacity: 1;
}
html[dir="rtl"] .hero4-slider-sectionarea .hero4-slider-area .hero2-header h5 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s22);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 22px;
  text-transform: capitalize;
  display: inline-block;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  padding: 6px 10px;
  transition: all 0.4s;
  transform: translateX(600px);
  opacity: 0;
  position: relative;
  overflow: hidden;
}
html[dir="rtl"] .hero4-slider-sectionarea .hero4-slider-area .hero2-header h1 {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s60);
  font-style: normal;
  font-weight: var(--ztc-weight-bold);
  line-height: 70px;
  overflow: hidden;
  transition:
    transform 1400ms ease,
    opacity 1400ms ease;
  transform: translateX(800px);
  position: relative;
  opacity: 0;
}
html[dir="rtl"]
  .hero4-slider-sectionarea
  .hero4-slider-area
  .hero2-header
  .form-area {
  transition:
    transform 1400ms ease,
    opacity 1400ms ease;
  transform: translateX(1000px);
  opacity: 0;
  width: 520px;
}
html[dir="rtl"]
  .hero4-slider-sectionarea
  .hero4-slider-area
  .hero2-header
  .form-area
  form
  button {
  border: none;
  outline: none;
  margin: 0 0 0 16px;
  position: absolute;
  left: 10px;
  top: 10px;
}
html[dir="rtl"] .hero4-small-img {
  width: 80px;
  display: inline-block;
  position: absolute;
  left: 100px;
  top: 50%;
  z-index: 3;
  margin-top: -170px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"] .hero4-small-img {
    left: 50px;
  }
}
html[dir="rtl"] .search-box-cover .property-tab-section .filter-group::after {
  position: absolute;
  content: "";
  height: 100%;
  left: 25px;
  background: var(--ztc-bg-bg-2);
  opacity: 10%;
  top: 0;
  width: 1px;
}
html[dir="rtl"]
  .search-box-cover
  .property-tab-section
  .filter-group
  button.customize-sale
  .icon {
  margin-right: 5px;
}
html[dir="rtl"] .search-box-cover .property-tab-section .nice-select::after {
  height: 7px;
  width: 7px;
  object-fit: cover;
  left: 24px;
}
html[dir="rtl"]
  .search-box-cover
  .property-tab-section
  .search-button
  button::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  width: 10px;
  border-radius: 70px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"]
  .search-box-cover
  .property-tab-section
  .search-button
  button
  span {
  display: inline-block;
  transform: rotate(-45deg) translateX(0px) translateY(1px);
  transition: all 0.4s;
}
html[dir="rtl"]
  .search-box-cover
  .property-tab-section
  .search-button
  button
  .arrow2 {
  transform: translateY(-4px) rotate(-45deg) translateX(48px);
  transition: all 0.4s;
  opacity: 0;
}
html[dir="rtl"]
  .search-box-cover
  .property-tab-section
  .search-button
  button:hover
  .arrow2 {
  transform: translateY(12px) rotate(-45deg) translateX(18px);
  transition: all 0.4s;
  opacity: 1;
}
html[dir="rtl"]
  .search-box-cover
  .property-tab-section
  .search-button
  button:hover
  .arrow1 {
  transition: all 0.4s;
  transform: translateY(-7px) rotate(-45deg) translateX(-45px);
  opacity: 0;
}
html[dir="rtl"]
  .search-box-cover
  .property-tab-section
  .search-button
  button:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  right: 0;
  width: 100%;
}
html[dir="rtl"]
  .search-box-cover
  .wd-search-form
  .group-select
  .nice-select::after {
  height: 7px;
  width: 7px;
  object-fit: cover;
  left: 16px;
}
html[dir="rtl"] .search-box-cover .wd-search-form .box-search .icon {
  position: absolute;
  font-size: 16px;
  left: 16px;
  top: 57%;
  transform: translateY(-50%);
}
html[dir="rtl"] .search-box-cover .wd-search-form .slider-fill {
  position: absolute;
  height: 4px;
  background-color: var(--ztc-bg-bg-3);
  z-index: 1;
  border-radius: 4px;
  top: 0;
  right: 0;
  width: 0;
}
html[dir="rtl"] .search-box-cover .wd-search-form .slider-fill {
  position: absolute;
  height: 5px;
  background: var(--ztc-bg-bg-3);
  z-index: 1;
  top: 0;
  right: 0;
  border-radius: 5px;
  pointer-events: none;
  width: 0;
}
html[dir="rtl"] .search-box-cover .wd-search-form {
  border-bottom: 1px solid #f0f1f1;
  border-right: 1px solid #f0f1f1;
  border-left: 1px solid #f0f1f1;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 96%;
  width: 1300px;
  max-width: 100%;
  background: var(--ztc-bg-bg-1);
  transition: all 0.6s;
  overflow: hidden;
  margin-top: 20px;
}
html[dir="rtl"] .vl-header-action-item {
  float: left;
  border: 1px solid var(--ztc-text-text-2);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-2);
}
html[dir="rtl"] .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-3);
  width: 450px;
  z-index: 99;
  left: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
html[dir="rtl"] .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
html[dir="rtl"] .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
html[dir="rtl"] .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-right: 20px;
}
html[dir="rtl"] .vl-menu-close {
  position: absolute;
  left: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
html[dir="rtl"] .homepage2-body .vl-header-action-item {
  float: left;
  border: 1px solid var(--ztc-text-text-1);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-1);
}
html[dir="rtl"] .homepage2-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-3);
  width: 450px;
  z-index: 99;
  left: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
html[dir="rtl"] .homepage2-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
html[dir="rtl"] .homepage2-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
html[dir="rtl"] .homepage2-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-right: 20px;
}
html[dir="rtl"] .homepage2-body .vl-menu-close {
  position: absolute;
  left: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
html[dir="rtl"] .homepage4-body .vl-header-action-item {
  float: left;
  border: 1px solid var(--ztc-text-text-2);
  padding: 6px;
  border-radius: 4px;
  color: var(--ztc-text-text-2);
}
html[dir="rtl"] .homepage4-body .vl-offcanvas {
  position: fixed;
  background: var(--ztc-bg-bg-3);
  width: 450px;
  z-index: 99;
  left: 0;
  top: 0;
  padding: 50px 40px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: 0.3s;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
html[dir="rtl"] .homepage4-body .vl-offcanvas-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
html[dir="rtl"] .homepage4-body .vl-offcanvas-overlay {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45 easc-in-out;
  background: rgba(24, 24, 24, 0.4);
}
html[dir="rtl"] .homepage4-body .vl-offcanvas-menu ul li .sub-menu {
  display: none;
  padding-right: 20px;
}
html[dir="rtl"] .homepage4-body .vl-menu-close {
  position: absolute;
  left: 0;
  top: 7px;
  border: 1px solid var(--ztc-text-text-1);
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: transparent;
  color: var(--ztc-text-text-1);
  border-radius: 4px;
}
html[dir="rtl"] .vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .date {
  background: var(--ztc-bg-bg-2);
  display: inline-block;
  transition: all 0.8s;
  border-radius: 8px;
  padding: 12px;
  position: absolute;
  top: -40px;
  left: 16px;
}
html[dir="rtl"] .vl-blog-1-area .vl-blog-1-item .vl-blog-1-content .readmore i {
  margin-right: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}
html[dir="rtl"] .vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .date {
  background: var(--ztc-bg-bg-3);
  display: flex;
  align-items: center;
  transition: all 0.8s;
  border-radius: 8px;
  padding: 6px 8px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
html[dir="rtl"] .vl-blog-3-area .vl-blog-1-item .vl-blog-1-content .readmore i {
  margin-right: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}
html[dir="rtl"] .vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .date {
  background: var(--ztc-bg-bg-3);
  display: flex;
  align-items: center;
  transition: all 0.8s;
  border-radius: 8px;
  padding: 6px 8px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
html[dir="rtl"] .vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .readmore i {
  margin-right: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}
html[dir="rtl"] .blog-inner-section .blog-siderbar .search-area form button {
  border: none;
  outline: none;
  background: none;
  height: 24px;
  width: 24px;
  object-fit: cover;
  position: absolute;
  left: 16px;
  top: 16px;
}
html[dir="rtl"]
  .blog-inner-section
  .blog-siderbar
  .posts-area
  .post-auhtor-area
  .content {
  padding-right: 16px;
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .blog-inner-section
    .blog-siderbar
    .posts-area
    .post-auhtor-area
    .content {
    padding-right: 0;
    padding-top: 20px;
  }
}
html[dir="rtl"]
  .blog-inner-section
  .blog-siderbar
  .posts-area
  .post-auhtor-area
  .content
  .readmore
  i {
  margin-right: 4px;
  transform: rotate(-45deg);
}
html[dir="rtl"] .blog-inner-section .vl-blog-1-item .vl-blog-1-content .date {
  background: var(--ztc-bg-bg-2);
  display: inline-block;
  transition: all 0.8s;
  border-radius: 8px;
  padding: 12px;
  position: absolute;
  top: -40px;
  left: 16px;
}
html[dir="rtl"]
  .blog-inner-section
  .vl-blog-1-item
  .vl-blog-1-content
  .readmore
  i {
  margin-right: 4px;
  transform: rotate(-45deg);
  transition: all 0.4s;
}
html[dir="rtl"]
  .blog-inner-section
  .blog-post-details-area
  .vide-images
  .img1
  img {
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  transition: all 0.4s;
  border-radius: 8px;
}
html[dir="rtl"] .blog-inner-section .blog-post-details-area .vide-images a {
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-1);
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  position: absolute;
  top: 50%;
  margin-top: -40px;
  right: 50%;
  margin-right: -40px;
  z-index: 1;
}
html[dir="rtl"]
  .blog-inner-section
  .blog-post-details-area
  .vide-images
  a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 40px;
  top: 40px;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-3);
  border-radius: 50%;
  z-index: -1;
  animation: pulse-border 1500ms ease-out infinite;
  opacity: 40%;
}
html[dir="rtl"]
  .blog-inner-section
  .blog-post-details-area
  .comments-boxarea
  .comments-boxes
  .comments-auhtor-box
  .content {
  padding-right: 18px;
}
html[dir="rtl"]
  .footer-cta-bg-area
  .vl-footer1-section-area
  .footer-widget-area.foot-padding1 {
  padding-right: 60px;
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .footer-cta-bg-area
    .vl-footer1-section-area
    .footer-widget-area.foot-padding1 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"]
    .footer-cta-bg-area
    .vl-footer1-section-area
    .footer-widget-area.foot-padding1 {
    padding-right: 0;
  }
}
html[dir="rtl"]
  .footer-cta-bg-area
  .vl-footer1-section-area
  .footer-widget-area.foot-padding1
  ul
  li
  a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-right: 5px;
}
html[dir="rtl"]
  .footer-cta-bg-area
  .vl-footer1-section-area
  .footer-widget-area.foot-padding2 {
  padding-right: 30px;
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .footer-cta-bg-area
    .vl-footer1-section-area
    .footer-widget-area.foot-padding2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"]
    .footer-cta-bg-area
    .vl-footer1-section-area
    .footer-widget-area.foot-padding2 {
    padding-right: 0;
  }
}
html[dir="rtl"]
  .footer-cta-bg-area
  .vl-footer1-section-area
  .footer-widget-area.foot-padding2
  ul
  li
  a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-right: 5px;
}
html[dir="rtl"]
  .footer-cta2-bg-area
  .vl-footer2-section-area
  .footer-widget-area.foot-padding1 {
  padding-right: 60px;
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .footer-cta2-bg-area
    .vl-footer2-section-area
    .footer-widget-area.foot-padding1 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"]
    .footer-cta2-bg-area
    .vl-footer2-section-area
    .footer-widget-area.foot-padding1 {
    padding-right: 0;
  }
}
html[dir="rtl"]
  .footer-cta2-bg-area
  .vl-footer2-section-area
  .footer-widget-area.foot-padding1
  ul
  li
  a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-right: 5px;
}
html[dir="rtl"]
  .footer-cta2-bg-area
  .vl-footer2-section-area
  .footer-widget-area.foot-padding2 {
  padding-right: 30px;
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .footer-cta2-bg-area
    .vl-footer2-section-area
    .footer-widget-area.foot-padding2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"]
    .footer-cta2-bg-area
    .vl-footer2-section-area
    .footer-widget-area.foot-padding2 {
    padding-right: 0;
  }
}
html[dir="rtl"]
  .footer-cta2-bg-area
  .vl-footer2-section-area
  .footer-widget-area.foot-padding2
  ul
  li
  a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-right: 5px;
}
html[dir="rtl"] .vl-footer3-section-area .footer-widget-area.foot-padding1 {
  padding-right: 60px;
}
@media (max-width: 767px) {
  html[dir="rtl"] .vl-footer3-section-area .footer-widget-area.foot-padding1 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"] .vl-footer3-section-area .footer-widget-area.foot-padding1 {
    padding-right: 0;
  }
}
html[dir="rtl"]
  .vl-footer3-section-area
  .footer-widget-area.foot-padding1
  ul
  li
  a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-right: 5px;
}
html[dir="rtl"] .vl-footer3-section-area .footer-widget-area.foot-padding2 {
  padding-right: 30px;
}
@media (max-width: 767px) {
  html[dir="rtl"] .vl-footer3-section-area .footer-widget-area.foot-padding2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"] .vl-footer3-section-area .footer-widget-area.foot-padding2 {
    padding-right: 0;
  }
}
html[dir="rtl"]
  .vl-footer3-section-area
  .footer-widget-area.foot-padding2
  ul
  li
  a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-right: 5px;
}
html[dir="rtl"]
  .vl-footer3-section-area
  .footer-widget-area
  .footer-img
  .icons {
  position: absolute;
  right: 50%;
  margin-right: -13px;
  top: -70px;
  margin-top: -13px;
  transition: all 0.6s;
}
html[dir="rtl"] .vl-footer4-section-area .footer-widget-area.foot-padding1 {
  padding-right: 60px;
}
@media (max-width: 767px) {
  html[dir="rtl"] .vl-footer4-section-area .footer-widget-area.foot-padding1 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"] .vl-footer4-section-area .footer-widget-area.foot-padding1 {
    padding-right: 0;
  }
}
html[dir="rtl"]
  .vl-footer4-section-area
  .footer-widget-area.foot-padding1
  ul
  li
  a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-right: 5px;
}
html[dir="rtl"] .vl-footer4-section-area .footer-widget-area.foot-padding2 {
  padding-right: 30px;
}
@media (max-width: 767px) {
  html[dir="rtl"] .vl-footer4-section-area .footer-widget-area.foot-padding2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"] .vl-footer4-section-area .footer-widget-area.foot-padding2 {
    padding-right: 0;
  }
}
html[dir="rtl"]
  .vl-footer4-section-area
  .footer-widget-area.foot-padding2
  ul
  li
  a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
  padding-right: 5px;
}
html[dir="rtl"]
  .vl-footer4-section-area
  .footer-widget-area
  .footer-img
  .icons {
  position: absolute;
  right: 50%;
  margin-right: -13px;
  top: -70px;
  margin-top: -13px;
  transition: all 0.6s;
}
html[dir="rtl"] .homepage1-body .vl-transparent-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  padding: 20px 24px 16px;
  background: var(--ztc-bg-bg-1);
  margin: 32px auto 0 auto;
  max-width: 1376px;
  border-radius: 80px;
  transition: all 0.4s;
}
html[dir="rtl"] .homepage1-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  right: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
html[dir="rtl"] .homepage1-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  right: 0;
  width: 100%;
  background: var(--ztc-bg-bg-3);
  top: 0;
}
html[dir="rtl"] .homepage1-body .vl-main-menu ul > li .sub-menu li {
  margin-left: 0;
  display: block;
  text-align: start;
}
html[dir="rtl"] .homepage1-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  right: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-3);
  z-index: 1;
}
html[dir="rtl"] .homepage1-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  right: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
html[dir="rtl"] .homepage1-body .vl-mega-menu {
  position: absolute;
  right: -320px;
  top: 100px;
  width: 1300px;
  background: #fff;
  padding: 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html[dir="rtl"] .homepage1-body .vl-mega-menu {
    right: -162px;
    width: 929px;
  }
}
html[dir="rtl"] .homepage1-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-2);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .homepage1-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  right: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -45px;
  margin-right: -80px;
}
html[dir="rtl"] .homepage1-body .vl-home-thumb .btn-area1 .vl-btn1::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  width: 10px;
  border-radius: 70px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .homepage1-body .vl-home-thumb .btn-area1 .vl-btn1 span {
  display: inline-block;
  transform: rotate(-45deg) translateX(0px) translateY(1px);
  transition: all 0.4s;
}
html[dir="rtl"] .homepage1-body .vl-home-thumb .btn-area1 .vl-btn1 .arrow2 {
  transform: translateY(-4px) rotate(-45deg) translateX(48px);
  transition: all 0.4s;
  opacity: 0;
}
html[dir="rtl"]
  .homepage1-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover
  .arrow2 {
  transform: translateY(12px) rotate(-45deg) translateX(18px);
  transition: all 0.4s;
  opacity: 1;
}
html[dir="rtl"]
  .homepage1-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover
  .arrow1 {
  transition: all 0.4s;
  transform: translateY(-7px) rotate(-45deg) translateX(-45px);
  opacity: 0;
}
html[dir="rtl"]
  .homepage1-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  right: 0;
  width: 100%;
}
html[dir="rtl"] .homepage1-body .header-sticky {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  -webkit-animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background: var(--ztc-bg-bg-1);
  background: var(--ztc-bg-bg-1);
  box-shadow: 20px 20px 30px rgba(1, 15, 28, 0.1);
  margin-top: 0;
  max-width: unset;
  border-radius: 0;
  padding: 10px;
}
html[dir="rtl"] .homepage2-body .vl-transparent-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  transition: all 0.4s;
  padding: 16px 0;
}
html[dir="rtl"] .homepage2-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 138%;
  width: 220px;
  right: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
html[dir="rtl"] .homepage2-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  right: 0;
  width: 100%;
  background: var(--ztc-bg-bg-3);
  top: 0;
}
html[dir="rtl"] .homepage2-body .vl-main-menu ul > li .sub-menu li {
  margin-left: 0;
  display: block;
  text-align: start;
}
html[dir="rtl"] .homepage2-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  right: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-3);
  z-index: 1;
}
html[dir="rtl"] .homepage2-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  right: 100%;
  top: 138%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
html[dir="rtl"] .homepage2-body .vl-mega-menu {
  position: absolute;
  right: -490px;
  top: 100px;
  width: 1300px;
  background: #fff;
  padding: 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html[dir="rtl"] .homepage2-body .vl-mega-menu {
    right: -162px;
    width: 929px;
  }
}
html[dir="rtl"] .homepage2-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-2);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .homepage2-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  right: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -45px;
  margin-right: -80px;
}
html[dir="rtl"] .homepage2-body .vl-home-thumb .btn-area1 .vl-btn1::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  width: 10px;
  border-radius: 70px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .homepage2-body .vl-home-thumb .btn-area1 .vl-btn1 span {
  display: inline-block;
  transform: rotate(-45deg) translateX(0px) translateY(1px);
  transition: all 0.4s;
}
html[dir="rtl"] .homepage2-body .vl-home-thumb .btn-area1 .vl-btn1 .arrow2 {
  transform: translateY(-4px) rotate(-45deg) translateX(48px);
  transition: all 0.4s;
  opacity: 0;
}
html[dir="rtl"]
  .homepage2-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover
  .arrow2 {
  transform: translateY(12px) rotate(-45deg) translateX(18px);
  transition: all 0.4s;
  opacity: 1;
}
html[dir="rtl"]
  .homepage2-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover
  .arrow1 {
  transition: all 0.4s;
  transform: translateY(-7px) rotate(-45deg) translateX(-45px);
  opacity: 0;
}
html[dir="rtl"]
  .homepage2-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  right: 0;
  width: 100%;
}
html[dir="rtl"] .homepage2-body .header-sticky {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  -webkit-animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background: var(--ztc-bg-bg-2);
}
html[dir="rtl"] .homepage3-body .vl-transparent-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}
html[dir="rtl"]
  .homepage3-body
  .vl-transparent-header
  .vl-hero-btn
  .search-icon {
  padding-left: 16px;
  margin-left: 16px;
  border-left: 1px solid #e7e7e7;
}
html[dir="rtl"] .homepage3-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  right: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
html[dir="rtl"] .homepage3-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  right: 0;
  width: 100%;
  background: var(--ztc-bg-bg-3);
  top: 0;
}
html[dir="rtl"] .homepage3-body .vl-main-menu ul > li .sub-menu li {
  margin-left: 0;
  display: block;
  text-align: start;
}
html[dir="rtl"] .homepage3-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  right: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-3);
  z-index: 1;
}
html[dir="rtl"] .homepage3-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  right: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
html[dir="rtl"] .homepage3-body .vl-mega-menu {
  position: absolute;
  right: -268px;
  top: 100px;
  width: 1300px;
  background: #fff;
  padding: 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html[dir="rtl"] .homepage3-body .vl-mega-menu {
    right: -162px;
    width: 929px;
  }
}
html[dir="rtl"] .homepage3-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-2);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .homepage3-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  right: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -45px;
  margin-right: -80px;
}
html[dir="rtl"] .homepage3-body .vl-home-thumb .btn-area1 .vl-btn1::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  width: 10px;
  border-radius: 70px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .homepage3-body .vl-home-thumb .btn-area1 .vl-btn1 span {
  display: inline-block;
  transform: rotate(-45deg) translateX(0px) translateY(1px);
  transition: all 0.4s;
}
html[dir="rtl"] .homepage3-body .vl-home-thumb .btn-area1 .vl-btn1 .arrow2 {
  transform: translateY(-4px) rotate(-45deg) translateX(48px);
  transition: all 0.4s;
  opacity: 0;
}
html[dir="rtl"]
  .homepage3-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover
  .arrow2 {
  transform: translateY(12px) rotate(-45deg) translateX(18px);
  transition: all 0.4s;
  opacity: 1;
}
html[dir="rtl"]
  .homepage3-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover
  .arrow1 {
  transition: all 0.4s;
  transform: translateY(-7px) rotate(-45deg) translateX(-45px);
  opacity: 0;
}
html[dir="rtl"]
  .homepage3-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  right: 0;
  width: 100%;
}
html[dir="rtl"] .homepage3-body .header-sticky {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  -webkit-animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background: var(--ztc-bg-bg-1);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.09);
}
html[dir="rtl"] .homepage4-body .vl-transparent-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  padding: 16px 0;
}
html[dir="rtl"]
  .homepage4-body
  .vl-transparent-header
  .vl-hero-btn
  .search-icon {
  padding-left: 16px;
  margin-left: 16px;
  border-left: 1px solid #e7e7e7;
}
html[dir="rtl"] .homepage4-body .vl-main-menu ul > li .sub-menu {
  position: absolute;
  top: 201%;
  width: 220px;
  right: 0;
  background: var(--ztc-bg-bg-1);
  padding: 12px 20px 24px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  transition: 0.4s;
  border-radius: 4px;
  transform-origin: top;
  transform: scale(1, 0);
}
html[dir="rtl"] .homepage4-body .vl-main-menu ul > li .sub-menu::after {
  position: absolute;
  content: "";
  height: 2px;
  right: 0;
  width: 100%;
  background: var(--ztc-bg-bg-3);
  top: 0;
}
html[dir="rtl"] .homepage4-body .vl-main-menu ul > li .sub-menu li {
  margin-left: 0;
  display: block;
  text-align: start;
}
html[dir="rtl"] .homepage4-body .vl-main-menu ul > li .sub-menu li a::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  transition: all 0.4s;
  right: 0;
  bottom: 0;
  background: var(--ztc-bg-bg-3);
  z-index: 1;
}
html[dir="rtl"] .homepage4-body .vl-main-menu ul > li .sub-menu li .sub-menu {
  right: 100%;
  top: 201%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform-origin: top;
  transform: scale(1, 0);
}
html[dir="rtl"] .homepage4-body .vl-mega-menu {
  position: absolute;
  right: -268px;
  top: 100px;
  width: 1300px;
  background: #fff;
  padding: 25px;
  box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  top: 201.3%;
  transform: scale(1, 0);
  transform-origin: top;
  border-radius: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html[dir="rtl"] .homepage4-body .vl-mega-menu {
    right: -162px;
    width: 929px;
  }
}
html[dir="rtl"] .homepage4-body .vl-home-thumb .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 0;
  transition: all 0.4s;
  top: 0;
  background: var(--ztc-text-text-2);
  border-radius: 4px;
  transform: scale(0.8);
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .homepage4-body .vl-home-thumb .btn-area1 {
  position: absolute;
  top: 20%;
  right: 50%;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  margin-top: -45px;
  margin-right: -80px;
}
html[dir="rtl"] .homepage4-body .vl-home-thumb .btn-area1 .vl-btn1::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  width: 10px;
  border-radius: 70px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .homepage4-body .vl-home-thumb .btn-area1 .vl-btn1 span {
  display: inline-block;
  transform: rotate(-45deg) translateX(0px) translateY(1px);
  transition: all 0.4s;
}
html[dir="rtl"] .homepage4-body .vl-home-thumb .btn-area1 .vl-btn1 .arrow2 {
  transform: translateY(-4px) rotate(-45deg) translateX(48px);
  transition: all 0.4s;
  opacity: 0;
}
html[dir="rtl"]
  .homepage4-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover
  .arrow2 {
  transform: translateY(12px) rotate(-45deg) translateX(18px);
  transition: all 0.4s;
  opacity: 1;
}
html[dir="rtl"]
  .homepage4-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover
  .arrow1 {
  transition: all 0.4s;
  transform: translateY(-7px) rotate(-45deg) translateX(-45px);
  opacity: 0;
}
html[dir="rtl"]
  .homepage4-body
  .vl-home-thumb
  .btn-area1
  .vl-btn1:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  right: 0;
  width: 100%;
}
html[dir="rtl"] .homepage4-body .header-sticky {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  -webkit-animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  animation: 0.7s ease-in-out 0s normal none 1 running vlfadeInDown;
  background: var(--ztc-bg-bg-1);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.09);
}
html[dir="rtl"] .preloader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999999;
  background-color: var(--ztc-text-text-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
html[dir="rtl"] #loading-icon {
  position: absolute;
  top: 48%;
  right: 50%;
  transform: translate(50%, -50%);
}
html[dir="rtl"] .progress-wrap {
  position: fixed;
  left: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  color: var(--ztc-text-text-1);
  background-color: #fff;
}
html[dir="rtl"] .progress-wrap::after {
  position: absolute;
  font-family: "FontAwesome";
  content: "";
  text-align: center;
  line-height: 46px;
  font-size: 14px;
  color: var(--ztc-text-text-2);
  right: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
html[dir="rtl"] .progress-wrap::before {
  position: absolute;
  font-family: "FontAwesome";
  content: "";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  opacity: 0;
  right: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
html[dir="rtl"]
  .others-section-area
  .property-tab-section
  .filter-group::after {
  position: absolute;
  content: "";
  height: 100%;
  left: 25px;
  background: var(--ztc-bg-bg-2);
  opacity: 10%;
  top: 0;
  width: 1px;
}
html[dir="rtl"]
  .others-section-area
  .property-tab-section
  .filter-group
  button.customize-sale
  .icon {
  margin-right: 5px;
}
html[dir="rtl"] .others-section-area .property-tab-section .nice-select::after {
  height: 7px;
  width: 7px;
  object-fit: cover;
  left: 24px;
}
html[dir="rtl"]
  .others-section-area
  .property-tab-section
  .search-button
  button::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  width: 10px;
  border-radius: 70px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"]
  .others-section-area
  .property-tab-section
  .search-button
  button
  span {
  display: inline-block;
  transform: rotate(-45deg) translateX(0px) translateY(1px);
  transition: all 0.4s;
}
html[dir="rtl"]
  .others-section-area
  .property-tab-section
  .search-button
  button
  .arrow2 {
  transform: translateY(-4px) rotate(-45deg) translateX(48px);
  transition: all 0.4s;
  opacity: 0;
}
html[dir="rtl"]
  .others-section-area
  .property-tab-section
  .search-button
  button:hover
  .arrow2 {
  transform: translateY(12px) rotate(-45deg) translateX(18px);
  transition: all 0.4s;
  opacity: 1;
}
html[dir="rtl"]
  .others-section-area
  .property-tab-section
  .search-button
  button:hover
  .arrow1 {
  transition: all 0.4s;
  transform: translateY(-7px) rotate(-45deg) translateX(-45px);
  opacity: 0;
}
html[dir="rtl"]
  .others-section-area
  .property-tab-section
  .search-button
  button:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  right: 0;
  width: 100%;
}
html[dir="rtl"]
  .others-section-area
  .wd-search-form
  .group-select
  .nice-select::after {
  height: 7px;
  width: 7px;
  object-fit: cover;
  left: 16px;
}
html[dir="rtl"] .others-section-area .wd-search-form .box-search .icon {
  position: absolute;
  font-size: 16px;
  left: 16px;
  top: 57%;
  transform: translateY(-50%);
}
html[dir="rtl"] .others-section-area .wd-search-form .slider-fill {
  position: absolute;
  height: 4px;
  background-color: var(--ztc-bg-bg-3);
  z-index: 1;
  border-radius: 4px;
  top: 0;
  right: 0;
  width: 0;
}
html[dir="rtl"] .others-section-area .wd-search-form .slider-fill {
  position: absolute;
  height: 5px;
  background: var(--ztc-bg-bg-3);
  z-index: 1;
  top: 0;
  right: 0;
  border-radius: 5px;
  pointer-events: none;
  width: 0;
}
html[dir="rtl"] .others-section-area .wd-search-form {
  border-bottom: 1px solid #f0f1f1;
  border-right: 1px solid #f0f1f1;
  border-left: 1px solid #f0f1f1;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 96%;
  width: 1300px;
  max-width: 100%;
  background: var(--ztc-bg-bg-1);
  transition: all 0.6s;
  overflow: hidden;
  margin-top: 20px;
}
html[dir="rtl"] .step1 .work-single-boxarea::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  right: 50%;
  bottom: 20%;
  background: var(--ztc-bg-bg-2);
  opacity: 10%;
  z-index: -1;
}
html[dir="rtl"] .step1 .work-single-boxarea img.elements4 {
  position: absolute;
  top: -30px;
  right: 30px;
  z-index: -1;
  transition: all 0.8s;
}
html[dir="rtl"] .galley4-section-area .bottom-galler-images .small-img::after {
  position: absolute;
  content: "";
  border: 3px solid var(--ztc-text-text-4);
  transition: all 0.4s;
  right: 0;
  top: 0;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"] .pricing1 .pricing-boxarea .price::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  top: -28px;
  right: 0;
  z-index: -1;
}
html[dir="rtl"] .choose1 .chosse-images .elements8 {
  position: absolute;
  right: 0;
  top: 50px;
}
html[dir="rtl"] .choose1 .chosse-images .img2 {
  border-radius: 16px;
  position: relative;
  z-index: 2;
  margin-top: -320px;
  right: 80px;
}
@media (max-width: 767px) {
  html[dir="rtl"] .choose1 .chosse-images .img2 {
    margin-top: 30px;
    right: 0;
  }
}
html[dir="rtl"] .header-search-form-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 400px;
  z-index: 9999;
  background-color: var(--ztc-bg-bg-1);
  transform: translate3d(0, -100%, 0);
  transition:
    transform 0.85s cubic-bezier(0.175, 1, 0.275, 1),
    visibility 0.8s step-end;
}
html[dir="rtl"] .header-search-form-wrapper .search-form {
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
html[dir="rtl"] .header-search-form-wrapper .search-form input[type="search"] {
  height: 65px;
  line-height: 65px;
  font-size: 28px;
  background-color: transparent;
  text-align: right;
  border: none;
  border-bottom: 1px solid #dddbdb;
  padding-right: 0;
  border-radius: 0;
  width: 100%;
  color: var(--ztc-text-text-4);
}
html[dir="rtl"] .header-search-form-wrapper .search-submit {
  position: absolute;
  height: 50px;
  width: 50px;
  bottom: 0;
  left: 0;
  background-color: transparent;
  color: #9f9f9f;
  font-size: 24px;
  border: none;
  color: #2b495a;
}
html[dir="rtl"] .header-search-form-wrapper .tx-search-close {
  background: rgba(204, 204, 204, 0.2705882353);
  width: 54px;
  height: 54px;
  border-width: 18px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  font-size: 30px;
}
html[dir="rtl"]
  .header-site-icon
  .slide-bar.slide-bar1
  .sidebar-info
  .personal-info
  .content {
  padding-right: 16px;
}
html[dir="rtl"]
  .header-site-icon
  .slide-bar.slide-bar1
  .sidebar-info
  .boxarea
  a
  .text {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s18);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 18px;
  display: inline-block;
  transition: all 0.4s;
  padding-right: 12px;
}
html[dir="rtl"] .dashboard-section-area .dash1-box .text {
  padding-right: 12px;
}
html[dir="rtl"]
  .dashboard-section-area
  .dashboad-all-details-section
  .input-area
  form
  button {
  border: none;
  background: none;
  outline: none;
  position: absolute;
  left: 14px;
  top: 12px;
}
html[dir="rtl"]
  .dashboard-section-area
  .dashboad-all-details-section
  .property-tab-boxarea
  .property-other-widget
  .btn-area
  .name-area
  .text
  a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-right: 6px;
}
html[dir="rtl"]
  .dashboard-section-area
  .dashboad-all-details-section
  .property-tab-boxarea
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"]
  .dashboard-section-area
  .dashboad-all-details-section
  .status::after {
  position: absolute;
  content: "";
  height: 100px;
  width: 2px;
  left: -30px;
  top: -40px;
  background: var(--ztc-bg-bg-2);
  opacity: 10%;
}
html[dir="rtl"] .dashboard-section-area .dashboad-all-details-section .actions {
  display: block;
  text-align: end;
  padding-right: 130px;
  width: 100%;
}
@media (max-width: 767px) {
  html[dir="rtl"]
    .dashboard-section-area
    .dashboad-all-details-section
    .actions {
    padding-right: 0;
    text-align: center;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"]
    .dashboard-section-area
    .dashboad-all-details-section
    .actions {
    padding-right: 0;
    text-align: center;
    margin-top: 20px;
  }
}
html[dir="rtl"]
  .dashboard-section-area
  .dashboard-info-sider-deatils
  .dashboard-info-sider
  .message-boxarea
  .conatent-area {
  padding-right: 90px;
}
html[dir="rtl"]
  .dashboard-message
  .dashboard-info-sider-deatils
  .dashboard-info-sider
  .message-boxarea
  .conatent-area {
  padding-right: 90px;
}
html[dir="rtl"]
  .profile-section-area
  .account-details-boxarea
  .box-agent-avt
  .content {
  padding-right: 20px;
}
html[dir="rtl"]
  .profile-section-area
  .account-details-boxarea
  .box-agent-avt
  .content {
  padding-right: 20px;
}
html[dir="rtl"]
  .profile-section-area
  .password-info-area
  .box-fieldset
  .box-password
  .form-control {
  padding-left: 40px;
}
html[dir="rtl"]
  .profile-section-area
  .password-info-area
  .box-fieldset
  .box-password
  .show-pass,
html[dir="rtl"]
  .profile-section-area
  .password-info-area
  .box-fieldset
  .box-password
  .show-pass2,
html[dir="rtl"]
  .profile-section-area
  .password-info-area
  .box-fieldset
  .box-password
  .show-pass3 {
  position: absolute;
  left: 16px;
  top: 16px;
  cursor: pointer;
}
html[dir="rtl"]
  .add-property-section
  .property-boxarea
  .property-main-boxarea
  .box-uploadfile
  .uploadfile
  .btn-upload
  .ip-file {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
html[dir="rtl"]
  .add-property-section
  .property-boxarea
  .property-main-boxarea
  .box-img-upload
  .item-upload
  span {
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: var(--ztc-text-text-1);
  cursor: pointer;
}
html[dir="rtl"] .team1 .team-widget-boxarea .share a {
  height: 54px;
  width: 54px;
  text-align: center;
  line-height: 54px;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  position: absolute;
  bottom: 28px;
  left: 24px;
  z-index: 2;
}
html[dir="rtl"] .team1 .team-widget-boxarea ul {
  position: absolute;
  left: 24px;
  bottom: 85px;
  transition: all 0.6s;
  transform: rotateX(90deg);
}
html[dir="rtl"] .team2 .team2-boxarea .img1 .elements1 {
  position: absolute;
  right: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  top: 40px;
}
html[dir="rtl"] .team2 .team2-boxarea ul {
  transition: all 0.4s;
  position: absolute;
  left: 20px;
  bottom: 50px;
  z-index: 2;
  transform: rotateX(90deg);
}
html[dir="rtl"] .team3 .team-widget-boxarea .share a {
  height: 54px;
  width: 54px;
  text-align: center;
  line-height: 54px;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  position: absolute;
  bottom: 28px;
  left: 24px;
  z-index: 2;
}
html[dir="rtl"] .team3 .team-widget-boxarea ul {
  position: absolute;
  left: 24px;
  bottom: 28px;
  transition: all 0.6s;
  transform: rotateX(90deg);
  z-index: 2;
}
html[dir="rtl"] .team4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1376px;
  border-radius: 40px;
  padding-right: 30px;
  padding-left: 30px;
}
html[dir="rtl"] .team4 .team4-box .image-area .shape2 {
  position: absolute;
  right: 18px;
  top: -16px;
  transition: all 0.6s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"] .team4 .team4-box .image-area .shape2 {
    right: 31px;
  }
}
@media (max-width: 767px) {
  html[dir="rtl"] .team4 .team4-box .image-area .shape2 {
    right: 43px;
  }
}
html[dir="rtl"] .team4 .team4-box .image-area .image::after {
  position: absolute;
  content: "";
  right: 3px;
  top: -17px;
  border: 1px solid #e6e8e7;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
html[dir="rtl"] .team4 .team4-box .image-area .image .img::after {
  position: absolute;
  content: "";
  height: 240px;
  width: 240px;
  right: 15px;
  top: -3px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-8);
  visibility: hidden;
  opacity: 0;
  transform: scale(0.7);
  transition: all 0.4s;
}
html[dir="rtl"] .team4 .team4-box .image-area .image .img img {
  height: 240px;
  width: 240px;
  object-fit: cover;
  position: relative;
  border-radius: 50%;
  right: 4px;
}
html[dir="rtl"] .team4 .team4-box .image-area .icon-area {
  position: absolute;
  top: 50%;
  z-index: 3;
  right: 50%;
  margin-right: -22px;
  transform: translateY(-50px);
  opacity: 0;
  transition: all 0.4s;
  margin-top: -38px;
}
html[dir="rtl"]
  .faq-inner-section-area
  .faq-section-area
  .accordian-area
  .accordion-item
  button::before {
  height: 28px;
  width: 28px;
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 16px;
}
html[dir="rtl"] .contact-inner .phone-number .content {
  padding-right: 14px;
}
html[dir="rtl"] .contact-inner .chosse-images .elements8 {
  position: absolute;
  right: 100px;
  top: 50px;
}
html[dir="rtl"] .contact-inner .chosse-images .img2 {
  border-radius: 16px;
  position: relative;
  z-index: 2;
  margin-top: -320px;
  right: 80px;
}
@media (max-width: 767px) {
  html[dir="rtl"] .contact-inner .chosse-images .img2 {
    margin-top: 30px;
    right: 0;
  }
}
html[dir="rtl"] .cta3-section-area .form-area form button {
  border: none;
  outline: none;
  margin: 0 0 0 16px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}
html[dir="rtl"] .cat4-section-area .cta-bg-area .heading2 form button {
  border: none;
  outline: none;
  margin: 0 0 0 16px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}
html[dir="rtl"] .cat4-section-area .cta-images-area .elements7 {
  position: absolute;
  right: 0;
}
html[dir="rtl"] .cat4-section-area .cta-images-area .villa-listing {
  display: inline-block;
  position: absolute;
  bottom: 30px;
  right: 30%;
  z-index: 2;
}
html[dir="rtl"]
  .cat4-section-area
  .cta-images-area
  .villa-listing
  .list
  a::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 16px;
  top: 16px;
  background: var(--ztc-bg-bg-1);
  transition: all 0.4s;
  z-index: -1;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  opacity: 40%;
  display: inline-block;
}
html[dir="rtl"]
  .cat4-section-area
  .cta-images-area
  .villa-listing
  .villa-images
  .text {
  padding-right: 10px;
}
html[dir="rtl"]
  .testimonials-2
  .left
  .swiper-pagination
  .swiper-pagination-current {
  margin-left: -4px;
}
html[dir="rtl"]
  .testimonials-2
  .left
  .swiper-pagination
  .swiper-pagination-total {
  margin-right: -4px;
}
html[dir="rtl"] .testimonials-2 .testimonials-box-2 .content-area .icon svg {
  height: 26px;
  width: 26px;
  object-fit: cover;
  color: var(--ztc-text-text-1);
  position: absolute;
  top: 22px;
  left: 18px;
}
html[dir="rtl"] .testimonials-2 .testimonials-box-2 .bottom .info img {
  min-width: 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: 20px;
}
html[dir="rtl"] .testimonials-2 .map-testimonial img.map {
  position: absolute;
  top: 0;
  right: 24px;
  top: 60px;
}
html[dir="rtl"] .testimonials-2 .map-testimonial .swiper-slide div::before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid var(--ztc-text-text-4);
  opacity: 0;
}
html[dir="rtl"] .testimonials-2 .map-testimonial .swiper-slide div::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  top: auto;
  border-color: var(--ztc-bg-bg-3) transparent transparent transparent;
  border-style: solid;
  border-width: 12px 6px 0px 6px;
  height: 0px;
  width: 0px;
  right: 50%;
  transform: translateX(50%);
  bottom: -14px;
}
html[dir="rtl"]
  .testimonials-2
  .map-testimonial
  .swiper-slide.swiper-slide-thumb-active
  div::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  top: auto;
  border-color: var(--ztc-text-text-4) transparent transparent transparent;
  border-style: solid;
  border-width: 12px 6px 0px 6px;
  height: 0px;
  width: 0px;
  right: 50%;
  transform: translateX(50%);
  bottom: -14px;
}
html[dir="rtl"] .testimonials-2 .map-testimonial .swiper-slide:nth-child(1) {
  bottom: 5%;
  right: 30%;
}
html[dir="rtl"] .testimonials-2 .map-testimonial .swiper-slide:nth-child(2) {
  bottom: 37%;
  right: 50%;
}
html[dir="rtl"] .testimonials-2 .map-testimonial .swiper-slide:nth-child(3) {
  bottom: 23%;
  left: 51px;
}
html[dir="rtl"] .testimonials-2 .map-testimonial .swiper-slide:nth-child(4) {
  top: 36%;
  left: 18px;
}
html[dir="rtl"] .testimonials-2 .map-testimonial .swiper-slide:nth-child(5) {
  top: 22%;
  right: 35%;
}
html[dir="rtl"] .testimonials-2 .map-testimonial .swiper-slide:nth-child(6) {
  top: 49%;
  right: 16%;
}
html[dir="rtl"] .testimonials-2 .pagination-buttons {
  display: inline-block;
  align-items: center;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  html[dir="rtl"] .testimonials-2 .pagination-buttons {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"] .testimonials-2 .pagination-buttons {
    left: 0;
  }
}
@media (max-width: 767px) {
  html[dir="rtl"] .testimonials-2 .pagination-buttons {
    position: relative;
    z-index: 1;
    right: 0;
    margin-top: 30px;
    text-align: center;
    justify-content: center;
  }
}
html[dir="rtl"] .testimonials-2 .pagination-buttons .swiper-button-prev {
  position: relative;
  left: -15px;
  right: auto;
  margin-top: 10px;
}
html[dir="rtl"] .testimonials-2 .pagination-buttons .swiper-button-next {
  position: relative;
  left: -15px;
  right: auto;
}
html[dir="rtl"]
  .testi2
  .heading1
  .testimonial-container
  .testimonial-card
  .profile-quito
  .profile
  .name {
  padding-right: 16px;
}
html[dir="rtl"] .testi2 .heading1 .custom-prev,
html[dir="rtl"] .testi2 .heading1 .custom-next {
  background: var(--ztc-bg-bg-1);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  text-align: center;
  line-height: 56px;
  display: inline-block;
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  position: relative;
  right: 0;
  top: 0;
  margin-top: 30px;
}
html[dir="rtl"]
  .testimonial1-section-area
  .slider-galeria
  .testimonial-slider-content-area
  .testimonial-author-area
  .quito
  svg {
  position: absolute;
  left: 20px;
  top: 20px;
}
html[dir="rtl"]
  .testimonial1-section-area
  .slider-galeria
  .testimonial-slider-content-area
  .testimonial-man-info-area
  .man-images-text
  .man-text {
  padding-right: 16px;
}
html[dir="rtl"]
  .testimonial1-section-area
  .slider-galeria-thumbs
  .testimonial3-sliders-img.slick-slide.slick-current.slick-active:after {
  position: absolute;
  content: "";
  height: 74px;
  width: 74px;
  background: var(--ztc-bg-bg-3);
  z-index: -1;
  top: -1px;
  right: -2px;
  border-radius: 50%;
}
html[dir="rtl"] .testi4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1376px;
  border-radius: 40px;
  padding-right: 40px;
  padding-left: 40px;
}
html[dir="rtl"] .testi4 .testi-main-area .testimonial-arrows {
  display: flex;
  align-items: center;
  position: absolute;
  top: -130px;
  left: 0;
}
html[dir="rtl"]
  .testi4
  .testi-main-area
  .testimonial4-slider-box
  .testimonial-single-boxarea
  .man-images-text
  .man-text {
  padding-right: 16px;
}
html[dir="rtl"] .case1 .tab-content .tab-pane {
  position: relative;
  left: -120px;
  transition: all 0.4s;
}
html[dir="rtl"] .case1 .tab-content .tab-pane.fade.show.active {
  right: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .property1
  .main-tabs-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-list-img-area
  .owl-dots {
  text-align: center;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  position: absolute;
  bottom: 20px;
  right: 50%;
  transform: translateX(50%);
  display: flex;
}
html[dir="rtl"]
  .property1
  .main-tabs-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-list-img-area
  .owl-dots
  button::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  right: -4px;
  top: -4px;
  border: 1px solid var(--ztc-text-text-1);
  border-radius: 50%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .property1
  .main-tabs-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-other-widget
  .btn-area
  .name-area
  .text
  a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-right: 6px;
}
html[dir="rtl"]
  .property1
  .main-tabs-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"]
  .property1
  .main-tabs-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .rent-sale-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 1;
  left: 40px;
}
html[dir="rtl"]
  .property1
  .main-tabs-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"]
  .pro-location1
  .cs_case_study_1_list
  .cs_case_study.cs_style_1
  .cs_case_study_in {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  right: 80px;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"]
    .pro-location1
    .cs_case_study_1_list
    .cs_case_study.cs_style_1
    .cs_case_study_in {
    right: 0;
    opacity: 1;
  }
}
html[dir="rtl"]
  .pro-location1
  .cs_case_study_1_list
  .cs_case_study.cs_style_1.active
  .cs_case_study_in {
  opacity: 1;
  right: 0;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
html[dir="rtl"]
  .pro-location1
  .cs_case_study.cs_style_1
  .cs_case_study_title
  a {
  text-decoration: none;
  background-image: -webkit-gradient(
    linear,
    right top,
    right bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% 3px;
}
html[dir="rtl"] .pro-location1 .cs_case_study.cs_style_1 .cs_case_study_number {
  right: 70px;
  top: 70px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html[dir="rtl"]
    .pro-location1
    .cs_case_study.cs_style_1
    .cs_case_study_number {
    right: 30px;
    top: 40px;
  }
}
html[dir="rtl"] .pro-location1 .cs_case_study.cs_style_1 .cs_case_study_thumb {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  border-radius: 30px;
}
html[dir="rtl"] .pro-location1 .cs_case_study.cs_style_1 .cs_case_study_icon {
  right: 70px;
  bottom: 86px;
  z-index: 1;
  height: 55px;
  width: 55px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  html[dir="rtl"] .pro-location1 .cs_case_study.cs_style_1 .cs_case_study_icon {
    right: 40px;
    bottom: 50px;
  }
}
html[dir="rtl"]
  .pro-location1
  .content-area
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"]
  .pro-location1
  .content-area
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"] .properties2 .bottom-galler-images .small-img::after {
  position: absolute;
  content: "";
  border: 3px solid var(--ztc-text-text-4);
  transition: all 0.4s;
  right: 0;
  top: 0;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .properties2
  .heading1
  .content-area
  .property-other-widget
  .info
  img {
  min-width: 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: 20px;
}
html[dir="rtl"]
  .properties2
  .heading1
  .content-area
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"] .property2 .property-listing-area .owl-dots button::after {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  right: -6px;
  top: -6px;
  border: 1px solid var(--ztc-text-text-4);
  border-radius: 50%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .property2
  .property-listing-area
  .property-listing-boxarea
  .content-area
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"]
  .property2
  .property-listing-area
  .property-listing-boxarea
  .content-area
  .rent-sale-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 16px;
  z-index: 2;
  right: 16px;
  left: 16px;
}
html[dir="rtl"]
  .property2
  .property-listing-area
  .property-listing-boxarea
  .content-area
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"]
  .properties3-section-area
  .property-single-boxarea
  .img1
  .arrow {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
}
html[dir="rtl"]
  .properties3-section-area
  .property-single-boxarea
  ul.category-list {
  position: absolute;
  top: 36px;
  right: 36px;
  z-index: 2;
}
html[dir="rtl"]
  .properties3-section-area
  .property-single-boxarea
  .content-area
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"] .property4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1376px;
  border-radius: 40px;
  padding-right: 30px;
  padding-left: 30px;
}
html[dir="rtl"] .property4 .property-single-boxarea .img1 ul.rent-sale {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
}
html[dir="rtl"]
  .property4
  .property-single-boxarea
  .img1
  ul.rent-sale
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"] .property4 .property-single-boxarea .img1 .react-list {
  position: absolute;
  z-index: 2;
  left: 16px;
  bottom: 16px;
}
html[dir="rtl"] .s-properties4 .s-porpeties-video::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  background: var(--ztc-bg-bg-2);
  opacity: 60%;
  border-radius: 40px;
  z-index: -1;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .filter-group::after {
  position: absolute;
  content: "";
  height: 100%;
  left: 25px;
  background: var(--ztc-bg-bg-2);
  opacity: 10%;
  top: 0;
  width: 1px;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .filter-group
  button.customize-sale
  .icon {
  margin-right: 5px;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .nice-select::after {
  height: 7px;
  width: 7px;
  object-fit: cover;
  left: 24px;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .search-button
  button::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 50%;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  width: 10px;
  border-radius: 70px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .search-button
  button
  span {
  display: inline-block;
  transform: rotate(-45deg) translateX(0px) translateY(1px);
  transition: all 0.4s;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .search-button
  button
  .arrow2 {
  transform: translateY(-4px) rotate(-45deg) translateX(48px);
  transition: all 0.4s;
  opacity: 0;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .search-button
  button:hover
  .arrow2 {
  transform: translateY(12px) rotate(-45deg) translateX(18px);
  transition: all 0.4s;
  opacity: 1;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .search-button
  button:hover
  .arrow1 {
  transition: all 0.4s;
  transform: translateY(-7px) rotate(-45deg) translateX(-45px);
  opacity: 0;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .property-tab-section
  .search-button
  button:hover::after {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
  right: 0;
  width: 100%;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .wd-search-form
  .group-select
  .nice-select::after {
  height: 7px;
  width: 7px;
  object-fit: cover;
  left: 16px;
}
html[dir="rtl"]
  .s-properties4
  .s-porpeties-video
  .wd-search-form
  .box-search
  .icon {
  position: absolute;
  font-size: 16px;
  left: 16px;
  top: 57%;
  transform: translateY(-50%);
}
html[dir="rtl"] .s-properties4 .s-porpeties-video .wd-search-form .slider-fill {
  position: absolute;
  height: 4px;
  background-color: var(--ztc-bg-bg-3);
  z-index: 1;
  border-radius: 4px;
  top: 0;
  right: 0;
  width: 0;
}
html[dir="rtl"] .s-properties4 .s-porpeties-video .wd-search-form .slider-fill {
  position: absolute;
  height: 5px;
  background: var(--ztc-bg-bg-3);
  z-index: 1;
  top: 0;
  right: 0;
  border-radius: 5px;
  pointer-events: none;
  width: 0;
}
html[dir="rtl"] .s-properties4 .s-porpeties-video .wd-search-form {
  border-bottom: 1px solid #f0f1f1;
  border-right: 1px solid #f0f1f1;
  border-left: 1px solid #f0f1f1;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 96%;
  width: 1300px;
  max-width: 100%;
  background: var(--ztc-bg-bg-1);
  transition: all 0.6s;
  overflow: hidden;
  margin-top: 20px;
}
html[dir="rtl"]
  .property-half-grid-area
  .sidebar1-area
  .input-area
  .nice-select::after {
  height: 7px;
  width: 7px;
  object-fit: cover;
  left: 16px;
}
html[dir="rtl"]
  .property-half-grid-area
  .property-mapgrid-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-list-img-area
  .owl-dots {
  text-align: center;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  position: absolute;
  bottom: 20px;
  right: 50%;
  transform: translateX(50%);
  display: flex;
}
html[dir="rtl"]
  .property-half-grid-area
  .property-mapgrid-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-list-img-area
  .owl-dots
  button::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  right: -4px;
  top: -4px;
  border: 1px solid var(--ztc-text-text-1);
  border-radius: 50%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .property-half-grid-area
  .property-mapgrid-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-other-widget
  .btn-area
  .name-area
  .text
  a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-right: 6px;
}
html[dir="rtl"]
  .property-half-grid-area
  .property-mapgrid-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"]
  .property-half-grid-area
  .property-mapgrid-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .rent-sale-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 1;
  left: 40px;
}
html[dir="rtl"]
  .property-half-grid-area
  .property-mapgrid-area
  .tab-content
  .tab-pane
  .property-single-boxarea
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"]
  .property-inner-section-find
  .sidebar1-area
  .details-siderbar2
  .personal-info
  .content {
  padding-right: 20px;
}
html[dir="rtl"]
  .property-inner-section-find
  .sidebar1-area
  .input-area
  .nice-select::after {
  height: 7px;
  width: 7px;
  object-fit: cover;
  left: 16px;
}
html[dir="rtl"]
  .property-inner-section-find
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-list-img-area
  .owl-dots {
  text-align: center;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  position: absolute;
  bottom: 20px;
  right: 50%;
  transform: translateX(50%);
  display: flex;
}
html[dir="rtl"]
  .property-inner-section-find
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-list-img-area
  .owl-dots
  button::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  right: -4px;
  top: -4px;
  border: 1px solid var(--ztc-text-text-1);
  border-radius: 50%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .property-inner-section-find
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-other-widget
  .btn-area
  .name-area
  .text
  a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-right: 6px;
}
html[dir="rtl"]
  .property-inner-section-find
  .tab-content
  .tab-pane
  .property-single-boxarea
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"]
  .property-inner-section-find
  .tab-content
  .tab-pane
  .property-single-boxarea
  .rent-sale-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 1;
  left: 40px;
}
html[dir="rtl"]
  .property-inner-section-find
  .tab-content
  .tab-pane
  .property-single-boxarea
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"]
  .property-inner-section-find
  .tab-content
  .tab-pane
  .property-tab-boxarea
  .property-other-widget
  .btn-area
  .name-area
  .text
  a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-right: 6px;
}
html[dir="rtl"]
  .property-inner-section-find
  .tab-content
  .tab-pane
  .property-tab-boxarea
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"]
  .property-inner-section-find
  .property-latest
  .latest-proprty
  .content {
  padding-right: 16px;
}
html[dir="rtl"]
  .property-inner-section-find
  .property-widget-sidebar
  .padding-side
  .others-box
  .text {
  padding-right: 8px;
}
html[dir="rtl"]
  .property-inner-section-find
  .property-widget-sidebar
  .padding-side
  .img2::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  transition: all 0.4s;
  background: var(--ztc-bg-bg-2);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.7);
}
html[dir="rtl"]
  .property-inner-section-find
  .property-widget-sidebar
  .padding-side
  .img2
  .plus {
  position: absolute;
  top: 30%;
  right: 50%;
  margin-top: -16px;
  margin-right: -16px;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
html[dir="rtl"]
  .property-inner-section-find
  .property-widget-sidebar
  .padding-side
  .accordion-area
  .accordion
  .accordion-item
  h2
  button::after {
  right: 0;
  left: inherit;
  position: absolute;
  filter: brightness(0);
}
html[dir="rtl"]
  .property-inner-section-find
  .property-widget-sidebar
  .padding-side
  .accordion-area
  .accordion
  .accordion-item
  h2
  button
  span.list {
  position: absolute;
  /* width: 340px; */
  left: 0;
}

html[dir="rtl"]
  .property-inner-section-find
  .property-widget-sidebar
  .padding-side
  .accordion-area
  .accordion
  .accordion-item
  h2
  button
  span.list
  span:nth-child(1) {
  margin: 0;
}

html[dir="rtl"]
  .property-inner-section-find
  .property-widget-sidebar
  .padding-side
  .accordion-area
  .accordion
  .accordion-item
  h2
  button
  span.list
  span:nth-last-child(1) {
  margin: 0 16px 0 0;
}

html[dir="rtl"]
  .property-inner-section-find
  .property-widget-sidebar
  .padding-side
  .contact-box
  .text {
  padding-right: 14px;
}
html[dir="rtl"]
  .property-inner-section-find
  .heading-properties
  .content-area
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"]
  .property-inner-section-find
  .heading-properties
  .property-other-widget
  .info
  img {
  min-width: 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-left: 20px;
}
html[dir="rtl"]
  .property-inner-section-find
  .bg1-property
  .list-box
  .icon::after {
  position: absolute;
  content: "";
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
  background: rgba(7, 59, 58, 0.1);
  border-radius: 50%;
  right: -8px;
  top: 8px;
}
html[dir="rtl"]
  .property-inner-section-find
  .bg1-property
  .map-section
  .list
  ul
  li
  div {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  padding-right: 24px;
}
html[dir="rtl"]
  .property-inner-section-find
  .comment-bg-area
  .comments-boxarea
  .comments-boxes
  .comments-auhtor-box
  .content {
  padding-right: 18px;
}
html[dir="rtl"]
  .propert-bottom-section
  .property-single-boxarea
  .property-list-img-area
  .owl-dots {
  text-align: center;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  position: absolute;
  bottom: 20px;
  right: 50%;
  transform: translateX(50%);
  display: flex;
}
html[dir="rtl"]
  .propert-bottom-section
  .property-single-boxarea
  .property-list-img-area
  .owl-dots
  button::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  right: -4px;
  top: -4px;
  border: 1px solid var(--ztc-text-text-1);
  border-radius: 50%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .propert-bottom-section
  .property-single-boxarea
  .property-other-widget
  .btn-area
  .name-area
  .text
  a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-right: 6px;
}
html[dir="rtl"]
  .propert-bottom-section
  .property-single-boxarea
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"]
  .propert-bottom-section
  .property-single-boxarea
  .rent-sale-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 1;
  left: 40px;
}
html[dir="rtl"]
  .propert-bottom-section
  .property-single-boxarea
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"] .properties2-details .bottom-galler-images2 .small-img::after {
  position: absolute;
  content: "";
  border: 3px solid var(--ztc-text-text-4);
  transition: all 0.4s;
  right: 0;
  top: 0;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .properties2-details
  .heading1
  .content-area
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"] .properties2-others .bottom-galler-images .small-img::after {
  position: absolute;
  content: "";
  border: 3px solid var(--ztc-text-text-4);
  transition: all 0.4s;
  right: 0;
  top: 0;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  visibility: visible;
  opacity: 0;
  transition: all 0.4s;
}
html[dir="rtl"]
  .properties-images
  .property-other-widget
  .btn-area
  .name-area
  .text
  a {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s;
  padding-right: 6px;
}
html[dir="rtl"]
  .properties-images
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"] .listing-property-area .plisting-images-area .main-content {
  position: absolute;
  bottom: 40px;
  right: 40px;
  left: 40px;
  z-index: 2;
}
html[dir="rtl"]
  .listing-property-area
  .plisting-images-area
  .main-content
  .rent-sale-area
  ul
  li:nth-last-child(1) {
  margin-right: 6px;
}
html[dir="rtl"]
  .listing-property-area
  .plisting-images-area
  .main-content
  .property-other-widget
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
html[dir="rtl"] .category1 .category-boxarea .text {
  padding-right: 14px;
}
html[dir="rtl"] .category2 .category-boxarea .text {
  padding-right: 14px;
}
html[dir="rtl"] .category3 .cate-single-boxarea .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  border-radius: 16px;
  background: var(--ztc-bg-bg-2);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  transform: scale(0.8);
}
html[dir="rtl"] .category3 .cate-single-boxarea .search {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -30px;
  margin-right: -30px;
  transition: all 0.6s;
  z-index: 2;
  visibility: visible;
  opacity: 0;
  transform: scale(0.7);
}
html[dir="rtl"] .p-location1 .p-location-boxarea .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  transition: all 0.6s;
  background: var(--ztc-bg-bg-2);
  visibility: hidden;
  opacity: 0;
  border-radius: 30px;
  right: 0;
  top: 0;
  transform: scale(0.6);
}
html[dir="rtl"] .p-location1 .p-location-boxarea .arrow a {
  height: 54px;
  width: 54px;
  transition: all 0.8s;
  display: inline-block;
  background: var(--ztc-bg-bg-3);
  border-radius: 50%;
  color: var(--ztc-text-text-1);
  line-height: 48px;
  font-size: var(--ztc-font-size-font-s20);
  text-align: center;
  position: absolute;
  top: 0;
  right: 50%;
  margin-top: -27px;
  margin-right: -27px;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
html[dir="rtl"] .p-location1 .p-location-boxarea .content-area {
  position: absolute;
  bottom: -100px;
  transition: all 0.6s;
  z-index: 2;
  right: 24px;
}
html[dir="rtl"] .p-location1 .p-location-boxarea:hover .content-area {
  bottom: 20px;
  transition: all 0.6s;
}
html[dir="rtl"] .p-location1 .p-location-boxarea:hover .arrow a {
  top: 50%;
  transition: all 0.8s;
  visibility: visible;
  opacity: 1;
}
html[dir="rtl"] .p-location1 .p-location-boxarea:hover .arrow a {
  top: 50%;
  transition: all 0.8s;
  visibility: visible;
  opacity: 1;
}
html[dir="rtl"] .p-location1 .p-location-boxarea:hover .img1::after {
  visibility: visible;
  opacity: 0.5;
  transform: scale(1);
  transition: all 0.4s;
}

html[dir="rtl"] .p-location1 .p-location-boxarea:hover .img1 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

html[dir="rtl"]
  .p-location2
  .slide-container
  .slide-content
  .card-wrapper
  .card1
  .image-content
  .card-image::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  right: 0;
  top: 0;
  background: var(--ztc-bg-bg-2);
  transform: scale(0.6);
  transition: all 0.4s;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"]
  .p-location2
  .slide-container
  .slide-content
  .card-wrapper
  .card1
  .card-content {
  position: absolute;
  bottom: -200px;
  right: 16px;
  transition: all 0.6s;
  z-index: 2;
}
html[dir="rtl"]
  .p-location2
  .slide-container
  .slide-content
  .card-wrapper
  .card1
  .button {
  height: 54px;
  width: 54px;
  border: none;
  outline: none;
  border: none;
  display: inline-block;
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 0;
  right: 50%;
  margin-top: -27px;
  margin-right: -27px;
  transition: all 0.8s;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
html[dir="rtl"] .location4 .propety-loaction .content-area h3 {
  color: var(--ztc-text-text-1);
  text-align: center;
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  display: inline-block;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-3);
  line-height: 38px;
  position: absolute;
  left: 35px;
  top: 0;
}
html[dir="rtl"] .listing1 .listing-slider-area .owl-nav {
  position: absolute;
  top: -130px;
  left: 0;
}
html[dir="rtl"] .listing1 .listing-slider-area .content-area {
  border-radius: 16px;
  background: var(--ztc-bg-bg-1);
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1);
  padding: 28px 24px;
  position: absolute;
  top: 20px;
  z-index: 2;
  left: 0;
  right: 200px;
}
@media (max-width: 767px) {
  html[dir="rtl"] .listing1 .listing-slider-area .content-area {
    position: relative;
    top: 0;
    right: 0;
  }
}
html[dir="rtl"]
  .listing1
  .listing-slider-area
  .content-area
  .btn-area
  .love-share
  .heart
  .heart1 {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 12px;
  right: 10px;
  height: 18px;
  width: 18px;
  object-fit: contain;
  display: inline-block;
}
@keyframes melq-animation-2-rtl {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes melq-animation-8-rtl {
  0% {
    padding-right: 0;
  }
  100% {
    padding-right: 50px;
  }
}
@keyframes melq-pulse-border-rtl {
  0% {
    transform: translateX(50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
html[dir="rtl"] .aniamtion-key-2 {
  animation-name: melq-animation-2-rtl;
}
html[dir="rtl"] .aniamtion-key-7 {
  animation-name: melq-animation-8-rtl;
}
html[dir="rtl"] .pulse-border {
  animation-name: melq-pulse-border-rtl;
}
html[dir="rtl"]
  .blog-inner-section
  .blog-post-details-area
  .vide-images
  a::after,
html[dir="rtl"]
  .cat4-section-area
  .cta-images-area
  .villa-listing
  .list
  a::after {
  animation-name: melq-pulse-border-rtl;
}