/* *main banner* */
.home_banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 120vh;
  position: relative;
  z-index: 0;
}

.home_banner::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(
    140deg,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.home_banner .on_hover {
  position: relative;
  font-size: 14px;
  color: black;
  display: inline-block;
  padding: 10px 20px;
  /* ensure space inside the button */
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease-out;
  border: none;
}
.icons{
	position: absolute;
    z-index: 2;
    right: 25px;
    bottom: 20px;
}
.home_banner .on_hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(
    109.74deg,
    #f89520 -11.09%,
    #b5a643 50.88%,
    #f89520 94.56%
  );
  z-index: -1;
  transition: width 0.4s ease-out;
}

.home_banner .on_hover:hover {
  color: white !important;
}

.home_banner .on_hover:hover::before {
  width: 100%;
}

/* *different Types of treatments* */
.overlap_swiper_destop .banner-section {
  position: relative;
  height: 100vh;
  width: 100%;
}

.overlap_swiper_destop .banner-section::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(1deg, #fff7e7 13%, rgba(0, 0, 0, 0) 30%);
}
.overlap_swiper_destop .border_line{
	border:1px solid #ffff;
}
.overlap_swiper_destop .banner-image {
  height: 100vh;
  object-fit: cover;
}

.overlap_swiper_destop .text-overlay {
  position: absolute;
  bottom: 9%;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 80%;
  z-index: 9;
}

/* for top */

.overlap_swiper_destop .banner-section_top {
  position: relative;
  height: 90vh;
  width: 100%;
}

.overlap_swiper_destop .banner-section_top::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, #fff7e7 13%, rgba(0, 0, 0, 0) 30%);
}

.overlap_swiper_destop .text-overlay_top {
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 80%;
  z-index: 9;
}

.card_swiper {
  height: 450vh;
}

.card_swiper:nth-child(1) {
  height: 450vh;
}
/* 
.card_swiper:nth-child(2) {
  margin-top: -360vh;
  height: 360vh;
} */
.card_swiper:nth-child(2) {
    margin-top: -340vh;
    height: 220vh;
}

.card_swiper:nth-child(3) {
  margin-top: -270vh;
  height: 270vh;
}

.card_swiper:nth-child(4) {
  margin-top: -180vh;
  height: 180vh;
}

.cards_wrap__card-stick {
  top: 2rem;
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 2rem;
  background-position: center;
  background-size: cover;
  height: 90vh;
}

.parallax_section {
  margin-top: -50%;
  position: relative;
  z-index: 2;
  /* position: sticky; */
  background: #fff7e7;
}

/* * for mobile * */

.overlap_swiper_mobile .banner-section {
  position: relative;
  height: 72vh;
  width: 100%;
}

.overlap_swiper_mobile .banner-section::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(1deg, #fff7e7 13%, rgba(0, 0, 0, 0) 30%);
}

.overlap_swiper_mobile .banner-image {
  height: 70vh;
  object-fit: cover;
}

.overlap_swiper_mobile .text-overlay {
  position: absolute;
  bottom: 9%;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 80%;
  z-index: 9;
}

.card_swiper_mobile {
  height: 400vh;
}

.card_swiper_mobile:nth-child(1) {
  height: 433vh;
}

.card_swiper_mobile:nth-child(2) {
  margin-top: -360vh;
  height: 343vh;
}

.card_swiper_mobile:nth-child(3) {
  margin-top: -270vh;
  height: 270vh;
}

.card_swiper_mobile:nth-child(4) {
  margin-top: -180vh;
  height: 180vh;
}

.cards_wrap__card-stick_mobile {
  top: 2rem;
  position: sticky;
  display: flex;
  flex-direction: column;
  border-radius: 2rem;
  background-position: center;
  background-size: cover;
  height: 90vh;
}

/* *innovating section* */
.innovating {
  position: relative;
  overflow: hidden;
}

.innovating .image-stack {
  position: relative;
  width: 95%;
  height: 100%;
  left: 40%;
}

.innovating .img-back {
  width: 80%;
  height: 75%;
  display: block;
  object-fit: cover;
  background-position: center center;
  animation: moveDown 7s ease-out forwards;
}

.image_icon_width {
  width: 65%;
}

.innovating .img-front {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 65px;
  left: 85px;
  object-fit: cover;
  object-position: right;
  background-position: center center;
  /* position-area: center; */
  animation: moveUp 7s ease-out forwards;
}

@keyframes moveDown {
  0% {
    transform: translateX(-50%) translateY(-150%);
  }

  100% {
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes moveUp {
  0% {
    transform: translateX(-50%) translateY(150%);
  }

  100% {
    transform: translateX(-50%) translateY(0);
  }
}

/* *choose us* */
.choose_us .choose_border {
  border: 1px solid rgba(248, 149, 32, 1);
  height: 100dvh;
}

/* content-slider */
.choose_us #content-slider {
  width: 100%;
  height: 75vh;
  position: relative;
  overflow: hidden;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  padding-top: 70px;
}

.choose_us .content-slide {
  position: absolute;
  opacity: 0;
  transform: translateX(100%);
  transition: transform 1s ease, opacity 1s ease;
  max-width: 100%;
}

.choose_us .content-slide.active {
  opacity: 1;
  transform: translateX(0);
}

.choose_us .content-slide.exit {
  opacity: 0;
  transform: translateX(100%);
}

.choose_us #controls {
  position: absolute;
  bottom: 0px;
  left: 40px;
  right: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ccc;
  padding-top: 10px;
}

/* arrows and pagination */
.choose_us #pagination {
  font-weight: 100;
  /* font-size: 2rem; */
  font-style: italic;
}

.choose_us #arrows button {
  background: none;
  border: none;
}

.choose_us .arrows_width_prev {
  width: 22px;
}

.choose_us .arrows_width_next {
  width: 60px;
}

.choose_us #slider-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* slider image */
.choose_us .slide {
  position: absolute;
  height: 100vh;
  width: auto;
  max-width: 100%;
  object-fit: cover;
  opacity: 0;
  transform: translateX(-100%);
  transition: transform 1s ease, opacity 1s ease;
}

.choose_us .slide.active {
  opacity: 1;
  transform: translateX(0);
  /* center */
}

.choose_us .slide.exit {
  opacity: 0;
  transform: translateX(-100%);
  /* back to left */
}

/* *adorn part section* */
/* icon height */
.icon_width {
  width: 5rem;
  height: 5rem;
}

/* *stayinspired section* */
.stayinspired .stay_bg {
  /* background:
    linear-gradient(0deg, rgba(248, 149, 32, 0.7), rgba(248, 149, 32, 0.7)),
    linear-gradient(90deg, rgba(255, 240, 205, 0) 11.33%, #FFF0CD 34.36%),
    url('./../images/about/inner_image.png'); */
  /* replace with your image path */
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: contain !important;

  overflow: hidden;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 150px;
  margin: 0px 50px;
  padding: 4rem;
}

/* button */
.enquiry_btn {
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 109px;
  font-size: clamp(0.75rem, 0.6375rem + 0.5625vw, 1.3125rem);
}

.enquiry_btn:hover {
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 109px;
  font-size: clamp(0.75rem, 0.6375rem + 0.5625vw, 1.3125rem);
  color: rgba(0, 0, 0, 0.8);
}

/* swiper for client */
.our_valued_client .swiper {
  width: 100%;
  height: 100%;
}

.our_valued_client .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.our_valued_client .swiper-slide img {
 display: block;
    max-width: 100%;
    object-fit: contain;
/*     aspect-ratio: 1; */
/*     min-height: 90px;
    max-height: 90px; */
}


/* *service* */
.masked-shape {
  width: 100%;
  height: 110dvh;
  /* background-image: url(./../images/home/mask_image.jpg); */
  background-image: url(././../images/home/mask_image.jpg);
  background-size: 120%;
  /* slightly zoomed so it doesn't get cut */
  background-position: center;
  animation: backgroundZoom 8s ease-in-out infinite alternate;

  /* Ensure the mask stays fixed */
  -webkit-mask-image: url(./../images/home/Union.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  mask-image: url(./../images/home/Union.png);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  overflow: hidden;
  /* avoid any overflow glitches */
}

@keyframes backgroundZoom {
  0% {
    background-size: 120%;
    background-position: center;
  }

  100% {
    background-size: 140%;
    background-position: 45% 55%;
  }
}

/* *customer review* */
.bg_color {
  border: 1px solid rgba(248, 149, 32, 0.3);
  border-radius: 0px 60px 0px 0px;
}

.bg_color_transparent {
  background: #fff7e7;
}

.bg_color_lightpink {
  background: rgba(248, 149, 32, 0.05);
}

.cylinder_vector{
	position:relative;
}
.cylinder_vector::after{
		content: "";
    position: absolute;
    top: 10%;
    right: 19%;
    transform: translate(50%, -50%);
    width: 31rem;
    height: 6rem;
		background: url(/wp-content/uploads/2025/07/cylinder_vector.svg) no-repeat;
		background-size: contain;
		background-position: center;
		z-index: -1;
	
}

@media screen and (max-width: 768px) {
  .icons{
	display:block;
  }
	.icon_width {
    width: 4rem;
    height: 4rem;
}
  .home_banner {
    min-height: 80vh;
  }

  .home_banner .on_hover {
    font-size: 12px;
  }

  .innovating .image-stack {
    height: 55vh !important;
    left: 0%;
  }

  .innovating .img-back {
    height: 100%;
    animation: none;
  }

  .innovating .img-front {
    animation: none;
    object-position: right;
    height: 100%;
  }

  .parallax_section {
    margin-top: -45rem;
    position: relative;
    z-index: 2;
    /* position: sticky; */
    background: #fff7e7;
  }

  .stayinspired .stay_bg {
    margin: 0px;
    padding: 3rem;
  }

  .masked-shape {
    width: 100%;
    height: 50dvh;
  }

  .slide {
    position: absolute;
    height: 30vh;
    width: auto;
    max-width: 100%;
    object-fit: cover;
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 1s ease, opacity 1s ease;
  }

  .choose_us #slider-container {
    width: 90%;
    margin: auto;
    height: 40vh;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .choose_us #content-slider {
    width: 100%;
    height: 35vh;
    position: relative;
    overflow: hidden;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    padding-top: 10px;
  }
	.cylinder_vector::after{
		display:none;
	}
/* 	.our_valued_client .swiper-slide img {
   
    width: 3.5rem;
   
} */
}

@media screen and (min-width: 1920px) {
  .home_banner {
    min-height: 100vh;
  }
}