/* Import Fonts */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gambarino-Regular";
  src: url("../fonts/Gambarino-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root {
  --satoshi-font: 'Satoshi', sans-serif;
  --gambarino-font: 'Gambarino-Regular', sans-serif;
  --font-size-12px: 12px;
  --font-size-13px: 13px;
  --font-size-14px: 14px;
  --font-size-16px: 16px;
  --font-size-18px: 18px;
  --font-size-20px: 20px;
  --font-size-21px: 21px;
  --white-color: #fff;
  --black-color: #000;
  --bg1-color: #f4efeb;
  --bg2-color: #5f4c37;
  --font-color: #bba68f;
}


.swiper {
  width: 100%;
  height: 100%;
}


.home-section2-swiper .card-image,
.news-swiper .card-image,
.industry-pressionals-swiper .card-image,
.around-estate-swiper .card-image,
.industry-difference-swiper .card-image,
.product-inner-section2-swiper .card-image {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.home-section2-swiper .card-image img,
.industry-pressionals-swiper .card-image img,
.industry-difference-swiper .card-image img,
.product-inner-section2-swiper .card-image img {
  width: 100%;
  display: block;
  height: 590px;
  transition: transform 0.6s ease;
}

.news-swiper .card-image img {
  width: 100%;
  display: block;
  height: 435px;
  transition: transform 0.6s ease;
}

.around-estate-swiper .card-image img {
  width: 100%;
  display: block;
  height: 347px;
  transition: transform 0.6s ease;
}

.home-section2-swiper .card-label,
.news-swiper .card-label,
.industry-pressionals-swiper .card-label,
.industry-difference-swiper .card-label,
.product-inner-section2-swiper .card-label {
  position: absolute;
  top: 30px;
  left: 30px;
  color: var(--white-color);
  font-size: var(--font-size-16px);
  font-family: var(--satoshi-font);
  font-weight: 400;
}

.home-section2-swiper .card-content,
.news-swiper .card-content,
.product-inner-section2-swiper .card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* height: 165px; */
  padding: 40px 30px 30px 30px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 74%));
  -webkit-mask-image: linear-gradient(to top, black 50%, black 60%, black 90%, #00000000 100%);
}


.industry-pressionals-swiper .card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* height: 255px; */
  padding: 35px 30px 30px 30px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 74%));
}

.industry-difference-swiper .card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* height: 168px; */
  padding: 35px 30px 30px 30px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 74%));
}

.home-section2-swiper .card-content .card-title,
.industry-pressionals-swiper .card-content .card-title,
.industry-difference-swiper .card-content .card-title,
.product-inner-section2-swiper .card-content .card-title {
  font-family: var(--gambarino-font);
  font-size: var(--font-size-21px);
  font-weight: normal;
  line-height: 2.29;
  color: var(--white-color);
}

.news-swiper .card-content .card-title {
  font-family: var(--gambarino-font);
  font-size: var(--font-size-21px);
  font-weight: normal;
  color: var(--white-color);
  max-width: 450px;
  padding-bottom: 16px;
}

.home-section2-swiper .card-content .card-description,
.news-swiper .card-content .card-description,
.industry-pressionals-swiper .card-description,
.industry-difference-swiper .card-description,
.product-inner-section2-swiper .card-description {
  font-family: var(--satoshi-font);
  font-size: 15px;
  font-weight: normal;
  color: var(--white-color);
}

.home-section2-swiper .hover-arrow,
.product-inner-section2-swiper .hover-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 67px;
  height: 67px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s ease;
  z-index: 3;
}

.news-swiper .hover-arrow {
  position: absolute;
  top: 45%;
  left: 80%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 67px;
  height: 67px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s ease;
  z-index: 3;
}

.home-section2-swiper .hover-arrow:hover,
.news-swiper .hover-arrow:hover,
.product-inner-section2-swiper .hover-arrow:hover {
  background: #fff;
}

.home-section2-swiper .bi-arrow-up-right::before,
.news-swiper .bi-arrow-up-right::before,
.product-inner-section2-swiper .bi-arrow-up-right::before {
  font-weight: 500 !important;
  font-size: 1.1rem;
}

.home-section2-swiper .card-image:hover .hover-arrow,
.news-swiper .card-image:hover .hover-arrow,
.product-inner-section2-swiper .card-image:hover .hover-arrow {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.home-section2-swiper .card-image:hover img,
.news-swiper .card-image:hover img,
.product-inner-section2-swiper .card-image:hover img {
  transform: scale(1.08);
}






/* ------------ Drag Cursor ------------ */
.industry-pressionals-swiper,
.around-estate-swiper,
.product-inner-section2-swiper {
  cursor: none;
  position: relative;
}

.drag-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  z-index: 9999;
  border: none;
}

.drag-cursor span,
.drag-cursor i {
  font-family: var(--gambarino-font);
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.3px;
  color: #5f4c37;
  padding: 0 2px;
}

.drag-cursor.active {
  opacity: 1;
}








.industry-difference-swiper .card-image {
    position: initial;
}

.industry-difference-swiper .slide-number {
    display: flex;
    align-items: center;
    position: absolute;
    top: 30px; 
    left: 0;
    width: 100%;
    z-index: 3;
}

.industry-difference-swiper .slide-number::before {
    content: "";
    content: "";
    position: absolute;
    left: 49px;
    right: -32px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    z-index: -9999;
}

.industry-difference-swiper .slide-number .number {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    left: 25px;
}

.industry-difference-swiper .swiper-slide:last-child .slide-number::before {
    right: 0;
}







.swiper-pagination {
    position: relative !important;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
     bottom: auto; 
     width: auto; 
}

.swiper-pagination-bullet {
  height: 11px;
  width: 11px;
  background: #ffffff;
  opacity: 0.4;
}

.swiper-pagination-bullet-active {
    background: white !important;
    opacity: 1;
}



@media (max-width: 767px) {
    .home-section2-swiper .card-image img, .industry-pressionals-swiper .card-image img, .industry-difference-swiper .card-image img, .product-inner-section2-swiper .card-image img {
        height: 460px;
    }

  .home-section2-swiper .card-label, .news-swiper .card-label, .industry-pressionals-swiper .card-label, .industry-difference-swiper .card-label, .product-inner-section2-swiper .card-label {
      left: 20px;
  }

  .home-section2-swiper .card-content, .news-swiper .card-content, .product-inner-section2-swiper .card-content {
      padding: 40px 20px 30px 20px;
  }

  .news-swiper .card-image img {
    height: 470px;
  }
}


/* Tablet */
@media (min-width: 768px) { 
  .news-swiper .card-image img {
    height: 470px;
  }
}