.hr-hero-banner {
	background-color: #0d0c17;
	padding-top: 130px;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.hr-hero-banner .swiper-container {
  height: 100%;
}
.hr-hero-banner .swiper-container .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-sub-titel {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: var(--color-6);
  letter-spacing: 0.5px;
}
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel {
  font-size: calc(2rem + 0.9vw);
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--white);
  line-height: 1.3;
  letter-spacing: -0.5px;
}
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel span {
  color: var(--color-6);
}
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-text {
  margin-bottom: 1rem;
  font-size: 1rem;
  color: var(--white);
}
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-btns-wrap {
  margin-top: 1.5rem;
}
.hr-hero-banner .swiper-button-prev {
  left: 20px;
}
.hr-hero-banner .swiper-button-next {
  right: 20px;
}
.hr-hero-banner .swiper-button-next,
.hr-hero-banner .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--white);
  color: var(--color-2);
}
.hr-hero-banner .swiper-button-next:hover,
.hr-hero-banner .swiper-button-prev:hover {
  background: var(--color-3);
  color: var(--white);
}
.hr-desktop-slider {
  display: block;
}
.hr-tablet-slider {
  display: none;
}
.hr-mobile-slider {
  display: none;
}
/*31/12/2024*/

.hr-hero-banner-head h1 {
  font-size: 68px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.hr-hero-banner-head p {
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
  max-width: 857px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 25px;
}
.hr-hero-banner-head .hr-btns-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 45px;
}
.hr-hero-banner-inner {
	display: flex;
	flex-direction: column;
	row-gap: 100px;
}
.hr-hero-banner-bottom img {
	width: 100%;
}
.banner_hero_shape1 {
	width: 128px;
	height: 128px;
	border-radius: 100%;
	background-color: #34ff7e;
	filter: blur(175px);
	top: 0;
	left: 0;
	animation: heroShape1Anim 10s linear infinite;
	position: absolute;
}
.banner_hero_shape2 {
	top: 37%;
	left: 18%;
	animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	position: absolute;
}
 @keyframes animo-x {
  50% {
    transform: translateX(100px) rotate(90deg);
  }
}
.banner_hero_shape3 {
	top: -220px;
	right: -143px;
	height: 740px;
	width: 740px;
	border: 50px solid #fbaaab;
	opacity: 0.03;
	border-radius: 50%;
	position: absolute;
}
@media(max-width:1400px){
  .hr-hero-banner-head h1 {
  font-size: 59px;
}
}


@media screen and (max-width: 1024px) {

  .hr-tablet-slider {
    display: block;
  }
  .hr-mobile-slider {
    display: none;
  }
  .hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-sub-titel {
    font-size: 0.9rem;
  }
  .hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel {
    font-size: calc(1.425rem + 2.1vw);
  }
  .hr-hero-banner .swiper-button-prev {
    left: 15px;
  }
  .hr-hero-banner .swiper-button-next {
    right: 15px;
  }
}
@media(max-width:992px){
  .hr-hero-banner-head h1 {
    font-size: 39px;
  }
}
@media(max-width:575px){
  .hr-hero-banner {
    padding-top: 115px;
  }
  .hr-hero-banner-head .hr-btns-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 45px;
    row-gap: 20px;
    width: 100%;
  }
  .hr-hero-banner-inner {
    row-gap: 30px;
  }
  .hr-hero-banner-head .hr-btns-wrap {
    padding-top: 25px;
  }
}
@media screen and (max-width: 480px) {
 
  .hr-tablet-slider {
    display: none;
  }
  .hr-mobile-slider {
    display: block;
  }
  .hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-sub-titel {
    font-size: 0.8rem;
  }
  .hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel {
    font-size: calc(1.425rem + 2.1vw);
  }
}