/* .destin-banner-section {
      height: 70vh;
} */

.destin-banner-section .slide-item {
      height: 80vh; 
      position: relative;
      background: #000000;
      color: #ffffff;
      display: flex;
      vertical-align: middle;
      padding: 0 0px;
      z-index: 5;
      align-items: center;
}
@media (max-width: 767px){
      .destin-banner-section .slide-item {
         height:500px;
         padding: 70px 0;
         overflow: hidden;
      }

}
.destin-banner-section .slide-item .main-container{
     vertical-align: middle;
     width: 100%;
}


.slider-item-background {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0.50;
      background-repeat: repeat;
      background-position: center;
      z-index: 1;
}
@media (min-width: 980px) {
      .swiper-slide-active .slider-item-background {
          animation: breathe 8s ease-in-out infinite; /* Loops the breathing effect smoothly */
      }
  }
  
  @keyframes breathe {
      0% {
          background-size: 100%;
          opacity: 0.5;
      }
      100% {
          background-size: 110%;
          opacity: 0.5;
      }
  }
  


.destin-banner-content-wrappper {
      position: relative;
      z-index: 5;
      /* height: 100%; */
      display: flex;
      align-items: center;
}
.destin-banner-content-wrappper .content {
      max-width: 600px;
}
.swiper-slide-active .sub-title {
     color: var(--text-white);
      transform: translateY(-50px);
      font-weight: 500;
      margin-bottom: 1em;
      border-bottom: 2px solid var(--primary-400);
      width: fit-content;
      opacity: 0;
	animation: down 1s ease-out forwards;
    }
    
    @keyframes down {
	0% {
		transform: translateY(-80px);
            opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

  
    
.destin-banner-section .des-container {
    height: 100%;
}

.swiper-slide-active .banner-title {
      font-size: clamp(2rem, 0.9615rem + 3.4615vw, 3.125rem);
      font-weight: 700;
      margin-bottom: .5em;
      opacity: 0;
      animation: title-up 2s ease-out forwards;
      transform: translateY(60px);
      animation-delay: 0.3s;
  }
  
  @keyframes title-up {
      0% {
          transform: translateY(60px);
          opacity: 1;
      }
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
.swiper-slide-active .banner-para {
      font-size: clamp(1rem, 0.8846rem + 0.3846vw, 1.125rem);
      line-height: 1.5em;
      margin-bottom: .5em;
      opacity: 0;
	animation: des-up 2s ease-out forwards;
      transform: translateY(70px);
      animation-delay: 0.6s;
     
    } 
    @keyframes des-up {
	0% {
		transform: translateY(70px);
            opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	} 
    }

.destin-banner-section .swiper-pagination-bullet{
      background: var(--primary-300) !important;
	opacity: .9;
      height:10px;
      width: 10px;
}
.destin-banner-section .swiper-pagination-bullet-active {
      background: var(--primary-400) !important;
      height:10px;
      width: 10px;
}
.aa img {
      width: 70%;
      margin: auto;
}
.aa  img {
      width: 10%;
      height: auto;
      transition: transform 0.5s ease;
    }