/*addd-------------------------*/

.bg-circle {
  width: 90vmin;
  height: 90vmin;
  border-radius: 999px;
  background-color: var(--yellow);
  position: absolute;
  top: 60%;
  right: 50%;
  opacity: 0.25;
  transform: translate(50%, -50%) scale(0);
  z-index: 0;
  transition: left 500ms, right 500ms, top 500ms, position 500ms, transform 500ms 500ms, opacity 500ms 350ms;
}

@media (min-width: 577px) {
  .bg-circle {
    width: 75vmin;
    height: 75vmin;
  }
}

.carousel-container {
  display: block;
  width: 100%;
/*  max-width: 720px;*/
  align-items: center;
  justify-content: center;
  position: relative;
}

.carousel-wrapper {
  display: flex;
  width: 100%;
  height: auto;
  overflow: auto;
  border-radius: 0px;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.carousel-wrapper::-webkit-scrollbar {
  display: none;
}

.carousel-wrapper.dragging {
  scroll-behavior: auto;
}

.carousel {
  display: flex;
  width: fit-content;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}
.carousal-odd{
	margin:130px 27px 0px 27px;
	
}
.carousel .carousel-slide {
  display: flex;
  width: 330px;
/*  min-width: 144px;*/
  height: 400px;
  flex-grow: 0;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  border-radius: 7px;
  overflow: hidden;
  background-color: #fff;
  transition-property: width, min-width, height, flex, flex-grow, flex-shrink, flex-basis, opacity;
  transition-duration: 240ms;
  cursor:pointer;
}

.carousel .carousel-slide img,
.carousel .carousel-slide .carousel-image {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  /*object-fit: cover;*/
  object-position: center;
  transition: all 2s;
}
.carousel-slide {
  position: relative;
  overflow: hidden;
}




.carousel-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Background to make text visible */
  color: white;
  padding: 20px;
  transform: translateY(100%); /* Hide content initially */
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth transition */
}

.carousel-slide:hover .carousel-content {
  transform: translateY(0); /* Bring the content into view on hover */
  opacity: 1;
}

.carousel .carousel-slide .carousel-content {
  display: flex;
  width: 100%;
  max-height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 16px;
  color: #fff;
  transform: translateY(100%);
  backdrop-filter: blur(2px);
  transition-property: transform, color, flex, height, flex-basis, opacity;
  transition-duration: 240ms;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
  overflow: hidden;
/*  border-radius: 0 0 20px 20px;*/
  z-index: 2;
}

.carousel .carousel-slide .carousel-content h2 {
  font-size: 1.5rem;
  margin: 0;
  transition: all 240ms;
}

.carousel .carousel-slide .carousel-content p {
  display: none;
  font-size: 0.75rem;
  margin-top: 16px;
  margin-bottom: 0;
  transform: translateY(101%);
  transition-property: width, height, flex, flex-grow, flex-shrink, flex-basis, opacity, transform, margin;
  transition-duration: 240ms;
  transition-delay: 50ms;
}

.carousel .carousel-slide.loaded img,
.carousel .carousel-slide.loaded .carousel-image {
  opacity: 1;
  transition-delay: 100ms;
}

.carousel .carousel-slide.loaded .carousel-content {
  transition-delay: 100ms;
  transform: translateY(0%);
}

.carousel .carousel-slide:hover .carousel-content {
 /* backdrop-filter: blur(15px);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));*/
  height:100%;
}

.carousel:hover .carousel-slide:not(:hover):not(.active) {
  opacity: 0.5;
}









button.slider-nav {
  display: inline-flex;
  width: 40px;
  height: 40px;
  min-width: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 999px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
}

button.slider-nav svg {
  pointer-events: none;
}

button.slider-nav:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

button.prev {
  left: 0;
  transform: translate(-50%, calc(-50% - 13px));
}

button.next {
  right: 0;
  transform: translate(50%, calc(-50% - 13px));
}

.carousel-scrollbar,
.carousel-scrollbar .scrollbar-track {
  display: flex;
  width: 100%;
  align-items: center;
}

.slider-start button.prev {
  visibility: hidden !important;
  display: none;
}

.slider-end button.next {
  visibility: hidden !important;
}

.carousel-scrollbar {
  margin-top: 16px;
  padding: 4px 0;
}

.carousel-scrollbar .scrollbar-track {
  border-radius: 1px;
  height: 10px;
  background-color: #414141;
}

.carousel-scrollbar .scrollbar-thumb {
  width: 20%;
  height: 100%;
  border-radius: 1px;
  cursor: pointer;
  position: relative;
  background: linear-gradient(269.53deg, #ff5a00, #ff9b0c), #fadc31;
  transition: transform 200ms, background-color 200ms, height 200ms;
}

.carousel-scrollbar .scrollbar-thumb::after {
  content: '';
  display: block;
  height: 16px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.carousel-scrollbar .scrollbar-thumb:hover {
  height: 115%;
}

.carousel-scrollbar .scrollbar-thumb.dragging,
.carousel-scrollbar .scrollbar-thumb.dragging:hover {
  background-color: rgba(0, 0, 0, 1);
  height: 115%;
}

.carousel-scrollbar .scrollbar-thumb.dragging::after {
  height: 24px;
}











 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
 .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}